0

写真ページに移動するために左右の矢印キーを追加しようとしています。また、各写真ページには、下のようなナビゲーション セクションがあります。キーを押すと、次のページへのアクションの転送を停止します。誰でも私を助けてください。前もって感謝します。

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

3 に答える 3

1

みんなありがとう... 問題は解決しました... 写真リンクの前のページと次のページにクラスを追加するだけです

誰かが必要な場合の正しいスクリプトは次のとおりです。

<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-25T11:29:55.563 に答える
1

ページ上のすべてのアンカーをクリックしているようです$('a')。おそらくそこでセレクターを変更する必要があります。

これ以上のコンテキストがなければ、何をすべきかを説明することはできませんが、アクティブな画像を理解する必要があり、物事の仕組みに応じて、それ (または何らかのナビゲーション要素) をクリックするトリガーになると思います.

于 2013-04-24T19:39:08.987 に答える