Ascensor.js无法正常工作? [英] Ascensor.js not working?
问题描述
我必须为我的客户创建一个页面网站，并且Ascensor.js插件似乎可以完成我需要做的所有事情.但是，我终生无法正常工作.
I've got to make a single page website for a client of mine, and the Ascensor.js plugin seems to do everything I need it to do. However, I cant for the life of me get it working.
http://kirkas.ch/ascensor/#/Home
最初，我试图使它在WordPress主题下运行，但我放弃了尝试，只是使它与网站上的示例完全一样，没有乐趣.
Originally I was trying to get it working within a WordPress theme but I gave up and tried to just get it working exactly as the example on the website, no joy.
这里有代码；
<!DOCTYPE html>
<html>
<head>
<script type="text/javascript" src="./js/jquery-1.9.0.min.js"></script>
<script type="text/javascript" src="./js/jquery.ascensor.js"></script>
<script type="text/javascript" src="./js/jquery.scrollTo-min.js"></script>
</head>
<body>
<script>
$('#ascensorBuilding').ascensor({
AscensorName:'ascensor',
ChildType:'section',
AscensorFloorName:'Home | Implementation | HTML',
Time:1000,
WindowsOn:1,
Direction:'chocolate',
AscensorMap:'2|1 & 2|2 & 3|2',
Easing:'easeInOutQuad',
KeyNavigation:true,
Queued:false,
});
</script>
<div id="ascensorBuilding">
<section>
<article class="container_12">
<h1>Home</h1>
</article>
</section>
<section>
<article class="container_12">
<h1>About</h1>
</article>
</section>
<section>
<article class="container_12">
<h1>Contact</h1>
</article>
</section>
</div>
</body>
</html>
这确实应该工作，因为我完全按照示例进行操作.香港专业教育学院尝试了有和没有文章元素上的类(我认为插件应该创建这些).有没有人有这个插件的经验，可以给我一些帮助?
This really should be working as i've followed the example exactly. Ive tried it with and without the classes on the article elements (I think the plugin is supposed to create these). Has anyone got experience with this plugin that can give me some help?
提前谢谢！
推荐答案
我在这里留下了我使用提升器进行的简单工作. 随意获取您想要的所有代码. 只需记住在CSS中将"overflow:auto"设置为您的"section"标签，并将"overflow:hidden"设置为您用于建筑物的div(在我的情况下为#house).
I'm leaving here a simple work I'm doing using ascensor. Feel free to grab all the code you want. Just remember to set "overflow:auto" to your "section" tag in css AND "overflow:hidden" to the div you use for your building, #house in my case.
http://www.thegrowth.eu/mari/index.php
除非您修改代码，否则我正在使用的插件版本不适用于当前的jQuery版本. 坚持使用1.8.3版，您可以从我的网站上获取它. 另外，您将只需要jQuery-UI就可以使用Ascensor的一些缓动功能等.
The version of the plugin I'm using doesn't work on current jQuery version unless you hack the code. Stick to version 1.8.3, you can grab it from my site. Also, you will need nothing else but jQuery-UI to use some of ascensor's easing features and such.
原谅我的英语:p
这篇关于Ascensor.js无法正常工作?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
