javascript - 箭头键导航到带有 jquery 的照片页面

Question

我正在尝试添加左右箭头键以导航到照片页面。每个照片页面都有如下导航部分。一旦我按下该键，它就会不停地转发到下一页。谁能帮助我。提前致谢。

<div style="margin: 10px auto 0 auto; text-align: center; width: 650px;">
<div class="nav_section" id="navigation">

<ul>

<li> <a href="/photos/view/120"><img src="/photos/square/120-df1dppn7253nge2e929k.jpg"></a> </li>

<li> <a href="/photos/view/118"><img src="/photos/square/118-dmfpm8xtzdg3kb2k85b8.jpg"></a> </li>

<li> <a href="/photos/view/116"><img src="/photos/square/116-kfaga5w36gbhej7g641c.jpg"></a> </li>

... and so on,.... 

</ul>

</div>
</div>

这是我得到的垃圾脚本：

<script type="text/javascript">
$(document).ready(function() {
    $(document).keyup(function(event) {
        var key = event.which;
        if(key == 37) { // Left arrow key
$('a').trigger('click');
}
if(key == 39) { //Right arrow key
        $('a').trigger('click');
}
});
});
</script>

Answer 1

看起来您正在单击页面上的每个锚点$('a')。您可能需要在此处更改选择器。

如果没有更多上下文，我无法指导您做什么 - 但您需要找出活动图片，我假设根据您的工作方式触发点击它（或某些导航元素）。

Answer 2

谢谢大家，...问题解决了，...我只是在照片链接prevP和nextP中添加了一个类

如果有人需要，这是正确的脚本：

<script type="text/javascript">
$(document).ready(function() {
    $(document).keyup(function(event) {
        var key = event.which;
        if(key == 37) { // Left arrow key
            $('a.prevP').trigger('click');
        }
        if(key == 39) { //Right arrow key
            $('a.nextP').trigger('click');
        }
    });
});
</script>   

Answer 3

您的链接的点击事件一定有问题。让一个函数负责执行任何操作（后退/前进）可能是个好主意，然后在需要时调用它。