箭頭鍵導航到與jQuery的照片頁

我想添加箭頭鍵左右導航到照片頁。每張照片頁面都有如下所示的導航部分。一旦我按下該鍵，就無法停止轉發到下一頁的操作。任何人都可以幫助我。提前致謝。箭頭鍵導航到與jQuery的照片頁

<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>

來源

2013-04-24 Xach Kaa

它看起來像你點擊$('a')頁面上的每一個錨。你可能需要在那裏改變你的選擇。

沒有更多的上下文我不能指導你做什麼 - 但你需要找出活動的圖片，我假設觸發點擊它（或某些導航元素）取決於你的東西如何工作。

來源

2013-04-24 19:39:08 Langdon

@XachKaa如果您在http://jsfiddle.net或http://plnkr.co上設置了示例，我很樂意進一步提供幫助。 – Langdon 2013-04-25 00:44:21

謝謝蘭登，...問題解決了，... – 2013-04-25 11:53:30

鏈接的點擊事件一定會有問題。建立一個功能負責做任何動作（後退/前進）可能是一個好主意，然後在需要時調用它。

來源

2013-04-24 20:02:06 nick

感謝你們，......問題就解決了，...我只是添加一個類照片鏈接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>

來源

2013-04-25 11:29:55

箭頭鍵導航到與jQuery的照片頁

回答

相關問題