箭頭鍵用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

您的點擊事件一定會出現問題。 讓函數負責執行任何操作（后退/前進），然后在需要時調用它可能是一個好主意。