JQuery升级器JS插件不工作
我正在尝试建立一个单页面滚动网站利用升级换代JQuery插件，我有很多问题，它得到正确设置。http://kirkas.ch/ascensor/上的文档很有帮助，但我肯定还是遗漏了一些东西。我想要的是一个简单的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>回答 3
Stack Overflow用户
发布于 2013-04-16 20:25:20
问题不在于你，而在于"jquery-1.9.1.js“。我自己也试过实现ascensor，我发现问题在于这个插件不能与jQuery的最新更新一起工作。该版本最初使用的是1.5.1。在Git (https://github.com/seekvence/ascensor)中查看jQuery。我试着找出原因，但看不出有什么理由！我甚至尝试过使用jQuery迁移插件，但它不能很好地工作！
Stack Overflow用户
发布于 2013-04-15 03:13:40
问题不在于ID，因为生成ID的是插件。所以你一开始就不应该把它们放在你的标记里。我遇到了和你一样的问题，在经历了许多“开/关的东西”之后，我发现问题出在键导航声明中。如果您将其设置为false，它将开始工作。不要问我为什么，但是"KeyNavigation:false“会让插件正常工作。这很遗憾，因为键导航是我喜欢这个插件的原因之一……无论如何，试试这个，看看它是否有效。
Stack Overflow用户
发布于 2013-04-23 21:08:53
Easing:'easeInOutCubic‘-不工作
Delete:缓动：‘easeInOutCubic’，
或者:缓动：‘线性’，..)
https://stackoverflow.com/questions/15893099
复制相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号