Databases
StackOverflow2013
Postsdbo
POJquery Pageslide not working
Body
 

Note that there are some explanatory texts on larger screens.

plurals
  1. POJquery Pageslide not working
    text
    copied!<p>This doesn't seem like a complicated plugin at all but I can't get this to work - it's driving me crazy. Any help would be appreciated. I'm sure i'm missing some Monday detail.</p> <p>Here's the url: <a href="http://damon9.com/dev/DC/" rel="nofollow">http://damon9.com/dev/DC/</a></p> <p>Clicking the Resume button should slide the page right</p> <pre><code>&lt;!DOCTYPE HTML&gt; &lt;html&gt; &lt;head&gt; &lt;script type="text/javascript" src="lib/jquery-1.7.1.min.js"&gt;&lt;/script&gt; &lt;script type="text/javascript" src="js/jquery.pageslide.js"&gt;&lt;/script&gt; &lt;script type ="text/javascript"&gt; &lt;!--- I've tried both of these below and some others --&gt; $("a#resume_btn").pageslide({ direction: "right", modal: true }); $("#resume_btn").pageslide(); &lt;/script&gt; &lt;/head&gt; &lt;body&gt; &lt;a href="#modal" id="resume_btn"&gt;&lt;/a&gt; &lt;div id="modal" style="display:none"&gt; &lt;p&gt;This slide uses "modal" option set to "true". When using a modal pageslide, clicking on the main window will not close the window. You must explicitly call &lt;code&gt;$.pageslide.close()&lt;/code&gt;.&lt;/p&gt; &lt;p&gt;&lt;a href="javascript:$.pageslide.close()"&gt;Close&lt;/a&gt;&lt;/p&gt; &lt;/div&gt; &lt;/body </code></pre> <p>css </p> <pre><code>#pageslide { /* These styles MUST be included. Do not change. */ display: none; position: absolute; position: fixed; top: 0; height: 100%; z-index: 999999; /* Specify the width of your pageslide here */ width: 400px; padding: 20px; /* These styles are optional, and describe how the pageslide will look */ background-color: red; color: #FFF; -webkit-box-shadow: inset 0 0 5px 5px #222; -moz-shadow: inset 0 0 5px 5px #222; box-shadow: inset 0 0 5px 5px #222; } </code></pre>
 

Querying!

 
Guidance
An individual column

Larger individual text columns get their own page to allow for proper reading.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload