Question

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

由于

Answer 1

#prevNext和.jFlowPrev之间没有空格可以更改此

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

到这个

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

Answer 2

我不知道这是不是答案，但我总是简单地使用......

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

即只有document作为选择器。

这个代码是否会弹出每个你键入的字符代码？

Answer 3

希望这个帮助，它帮助了我

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

帮助将键盘导航添加到jflow jquery滑块

3 个答案: