javascript - JQuery Ascensor JS Plugin Not Working -


i trying build single-page scrolling website leveraging ascensor jquery plugin, , having lot of trouble getting setup correctly. documentation @ http://kirkas.ch/ascensor/ helpful, still must missing something. want simple 3-floor layout, top bottom. seems layout of "building" gets generated correctly, unable move between "levels." arrow keys , links don't move page @ all. can little code? guidance appreciated.

thanks, brett

<!doctype html public "-//w3c//dtd xhtml 1.0 transitional//en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <title>ascensor test</title> <script src="jquery-1.9.1.js"></script> <script src="jquery.scrollto-1.4.3.1.js"></script> <script src="jquery.ascensor.js"></script> <script src="jquery.easing.1.3.js"></script> <script> $(document).ready(function() {     $('#house').ascensor(     {         ascensorname:'ascensor',         childtype:'div',         ascensorfloorname:'home | implementation | html',         time:1000,         easing:'easeinoutcubic',         windowson:1,         direction:'y',         ascensormap:'1|1 & 2|1 & 3|1',         keynavigation: true,         queued:false,         queueddirection:"x"     }); }); </script>  <style> body {     margin: 0;     padding: 0; }  #house {     overflow: hidden;     border: 5px solid black; }  #navigation {     z-index: 1000;     position: fixed;     top: 50px;     left: 50px; }  #ascensorfloor1 {     background-color: orange; } </style>  </head>  <body>      <div id="navigation">         <a href="#" class="ascensorlink ascensorlink1">floor 1</a>         <a href="#" class="ascensorlink ascensorlink2">floor 2</a>         <a href="#" class="ascensorlink ascensorlink3">floor 3</a>     </div>      <div id="house">         <div>             floor 1         </div>         <div>             floor 2         </div>         <div>             floor 3         </div>     </div>  </body> </html> 

the problem not you, in "jquery-1.9.1.js". i've tried implement ascensor myself, , figured problem plugin doesn't work last update jquery. version originaly used 1.5.1. check out jquery in git (https://github.com/seekvence/ascensor). i've tried find out why, see no reason that! tried use jquery migrate plugin, didn't work well!


Comments

Popular posts from this blog

android - getbluetoothservice() called with no bluetoothmanagercallback -

sql - ASP.NET SqlDataSource, like on SelectCommand -

ios - Undefined symbols for architecture armv7: "_OBJC_CLASS_$_SSZipArchive" -