Fatal编程技术网

Javascript Ascensor.js不工作？

javascript jquery html

Javascript Ascensor.js不工作？,javascript,jquery,html,Javascript,Jquery,Html,我必须为我的一个客户创建一个单页网站，Ascensor.js插件似乎可以完成我所需要的一切。然而，我一辈子都不能让它工作 最初，我试图让它在WordPress主题下工作，但我放弃了，并试图让它完全按照网站上的示例工作，没有乐趣 这是代码 <!DOCTYPE html> <html> <head> <script type="text/javascript" src="./js/jquery-1.9.0.min.js"></script&g

我必须为我的一个客户创建一个单页网站，Ascensor.js插件似乎可以完成我所需要的一切。然而，我一辈子都不能让它工作

最初，我试图让它在WordPress主题下工作，但我放弃了，并试图让它完全按照网站上的示例工作，没有乐趣

这是代码

<!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>


$（#ascensor Building'）。ascensor({
ascensor名称：'ascensor'，
子类型：'section'，
AscensorFloorName:“主页|实现| HTML”，
时间：1000，
WindowsOn:1，
方向：'巧克力'，
上升地图：“2 | 1和2 | 2和3 | 2”，
放松：'easeInOutQuad'，
KeyNavigation:没错，
排队：错，
});
家
关于
接触
这真的应该是有效的，因为我已经完全遵循了这个例子。我试过在文章元素上使用或不使用类（我认为插件应该创建这些类）。有没有人有这个插件的经验，可以给我一些帮助

提前谢谢

首先需要用jQuery.ready包装代码

$(function(){
    $('#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,
    });
});
你错过了和

演示：

我在这里留下一个我正在使用ascensor进行的简单工作。 您可以随意获取所需的所有代码。 只要记住在css中将“overflow:auto”设置为您的“section”标记，并将“overflow:hidden”设置为您用于建筑的div，在我的例子中为house

我使用的插件版本在当前jQuery版本上不起作用，除非你破解代码。 坚持1.8.3版，你可以从我的网站上获取它。 此外，除了jQueryUI之外，您不需要其他任何东西就可以使用ascensor的一些轻松特性等等

请原谅我的英语：p

您可能必须包括jQuery迁移插件jQuery 1.9.0从1.8.x版本中删除了许多不推荐的方法，因此一些第三方插件可能无法工作。为了向后兼容，jquery提供了迁移插件。我最初试过了，但仍然不起作用，所以我认为这是错误的。似乎是工作到一定程度，现在（生成正确的布局和间距），但我不能得到上一个和下一个链接的工作。它似乎检测到了链接点击，我可以看到它在URL中工作，但窗口保持不变，不移动。