Javascript JQuery Ascensor JS插件不工作_Javascript_Jquery_Html

Javascript JQuery Ascensor JS插件不工作

javascript jquery html

Javascript JQuery Ascensor JS插件不工作,javascript,jquery,html,Javascript,Jquery,Html,我正试图利用Ascensor JQuery插件构建一个单页滚动网站，但在正确设置它时遇到了很多困难。上的文档很有帮助，但我仍然缺少一些东西。我想要的是一个简单的3层布局，从上到下。似乎我的建筑布局生成正确，但我无法在两层之间移动。箭头键和我的链接根本不会移动页面。我能在代码方面得到一些帮助吗？感谢您的指导谢谢，布雷特问题不在于ID，因为生成ID的是插件。所以你不应该一开始就把它们放在你的分数上。我和你有同样的问题，在经历了很多开/关切换之后，我发现问题出在键导航声明中。如果你把它设为fal

我正试图利用Ascensor JQuery插件构建一个单页滚动网站，但在正确设置它时遇到了很多困难。上的文档很有帮助，但我仍然缺少一些东西。我想要的是一个简单的3层布局，从上到下。似乎我的建筑布局生成正确，但我无法在两层之间移动。箭头键和我的链接根本不会移动页面。我能在代码方面得到一些帮助吗？感谢您的指导

谢谢，布雷特

问题不在于ID，因为生成ID的是插件。所以你不应该一开始就把它们放在你的分数上。我和你有同样的问题，在经历了很多开/关切换之后，我发现问题出在键导航声明中。如果你把它设为false，它就会开始工作。不要问我为什么，但是KeyNavigation:false可以让插件工作。这是一个遗憾，因为键导航是我喜欢的插件之一。。。无论如何，试试这个，看看它是否有效。

问题不在于你，而在于jquery-1.9.1.js。我自己也尝试过实现ascensor，但我发现问题在于该插件无法与jQuery的上一次更新一起工作。该版本最初使用的是1.5.1。在Git中查看jQuery。

我试图找出原因，但看不出原因！甚至尝试使用jquerymigrate插件，但效果并不理想

easeInOutCubic:'easeInOutCubic'-不起作用

删除：easeInOutCubic

或者：放松：'线性'，

我相信您楼层的标签需要相应的ID。i、 e.ascensorFloor1.你好@UwConcept，谢谢你的建议。不幸的是，这似乎没有帮助。我在我的div中添加了id，比如ascensorFloor1、ascensorFloor2、ascensorFloor3等等，但是行为是一样的。仍然没有移动的水平。还有其他建议吗？谢谢大家的帮助。我给Ascensor的开发者发了电子邮件，他说的和@user2286414一样。这个插件还不能与jQuery1.9一起使用，但他希望很快更新它。使用JQuery 1.8.3解决了这个问题。谢谢我现在很难让它工作。唯一适合我的是线性变换，其他变换一起打断。有人有任何线索吗？我发现我需要包括放松插件。在那之后，不同的宽松方案发挥了巨大的作用。我以为我以前试过，但我想没有。现在工作！

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