帮助向 jflow jquery slider 添加键盘导航
我想使用 Jquery 将键盘导航添加到 Jquery 滑块。我试图使用左右键来触发我已有的上一个和下一个按钮，但我无法让它工作。谁能从我的代码中看出我哪里出错了？
<script type="text/javascript">
$(function() {
$("div#controller").jFlow({
slides: "#slides",
width: "980px",
height: "313px"
});
$(document.documentElement).keyup(function (event) { var direction = null;
if (event.keyCode == 37) { $('#prevNext.jFlowPrev').click(); }
if (event.keyCode == 39) { $('#prevNext.jFlowNext').click(); }
});
});
</script>
<body>
<div id="wrap">
<div id="controller" class="hidden">
<span class="jFlowControl">No 1</span>
<span class="jFlowControl">No 2</span>
<span class="jFlowControl">No 3</span>
</div>
<div id="slides">
<div class="current">Hello</div>
<div>Hello</div>
<div>Hello</div>
</div>
<div id="prevNext">
<button class="jFlowPrev">previous</button>
<button class="jFlowNext">next</button>
</div>
谢谢
I would like use Jquery to add keyboard navigation to a Jquery slider. I am trying to use the left and right keys to trigger the previous and next buttons I already have but i can't get it to work. Can anyone see from my code where I am going wrong?
<script type="text/javascript">
$(function() {
$("div#controller").jFlow({
slides: "#slides",
width: "980px",
height: "313px"
});
$(document.documentElement).keyup(function (event) { var direction = null;
if (event.keyCode == 37) { $('#prevNext.jFlowPrev').click(); }
if (event.keyCode == 39) { $('#prevNext.jFlowNext').click(); }
});
});
</script>
<body>
<div id="wrap">
<div id="controller" class="hidden">
<span class="jFlowControl">No 1</span>
<span class="jFlowControl">No 2</span>
<span class="jFlowControl">No 3</span>
</div>
<div id="slides">
<div class="current">Hello</div>
<div>Hello</div>
<div>Hello</div>
</div>
<div id="prevNext">
<button class="jFlowPrev">previous</button>
<button class="jFlowNext">next</button>
</div>
Thanks
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（3）
#prevNext和.jFlowPrev之间没有空格，将其更改为此
You don't have space between
#prevNextand.jFlowPrevchange thisto this
我不知道这是否是答案，但我总是简单地使用...
也就是说，仅使用
document作为选择器。该代码是否会与您键入的每个人的字符代码一起弹出？
I don't know if this is the answer, but I've always simply used...
That is, with just
documentas the selector.Does that code pop up with character codes everyone you keyup?
希望这个有帮助，它帮助了我
http:// pauladamdavis.com/blog/2011/05/add-keyboard-navigation-to-slide-shows/
Hope this one helps, It helped me
http://pauladamdavis.com/blog/2011/05/add-keyboard-navigation-to-slide-shows/