文章/答案/技术大牛

发布

社区首页 >问答首页 >Ascensor.js不工作了吗？

问Ascensor.js不工作了吗？
EN

Stack Overflow用户

提问于 2013-01-29 23:01:31

回答 2查看 1.4K关注 0票数 0

我必须为我的一个客户创建一个单页面的网站，而Ascensor.js插件似乎可以做我需要做的所有事情。然而，我无论如何也不能让它工作。

http://kirkas.ch/ascensor/#/Home

最初，我试图让它在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>

这真的应该是有效的，因为我已经完全遵循了示例。我尝试过使用和不使用文章元素上的类(我认为插件应该创建这些类)。有没有人有这个插件的经验，可以给我一些帮助？

提前感谢！

javascript

jquery

html

回答 2

Stack Overflow用户

发布于 2013-01-29 23:08:58

首先，您需要用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,
    });
});

您同时缺少migration plugin和easing plugin。

演示：Fiddle

票数 1

Stack Overflow用户

发布于 2013-05-25 15:36:12

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

http://www.thegrowth.eu/mari/index.php

我使用的插件版本不能在当前的jQuery版本上工作，除非你破解代码。坚持到1.8.3版本，你可以从我的网站上获取它。此外，您只需使用jQuery-UI就可以使用一些ascensor的轻松特性等。

请原谅我的英语：

票数 1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/14585872

复制

相似问题

问Ascensor.js不工作了吗？
EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Ascensor.js不工作了吗？EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Ascensor.js不工作了吗？
EN