0

我想使用 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>

谢谢

4

3 回答 3

1

你之间没有空间#prevNext.jFlowPrev改变它

$('#prevNext.jFlowPrev').click()

对此

$('#prevNext .jFlowPrev').click()
于 2010-09-19T23:36:05.160 回答
0

希望这个有帮助,它帮助了我

http://pauladamdavis.com/blog/2011/05/add-keyboard-navigation-to-slide-shows/

于 2013-05-30T12:12:58.220 回答
0

我不知道这是否是答案,但我一直只是简单地使用......

$(document).keyup(function(event) {
    alert(event.keyCode);
});

也就是说,就像document选择器一样。

该代码是否与您键入的每个人的字符代码一起弹出?

于 2010-09-19T23:27:42.943 回答