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
Post a Comment