2012-01-06 10 views
0

私は次のコードを持っています。リンクで使用すると次のリンクに進むので、基本的に次のボタンの機能を使用しています。jQueryコードの逆転

私がする必要があるのは、逆のバージョンを作成して、「戻る」ボタンとして使用できることです。

<script> 
    $("a.mytrigger").click(function(e){ 
     var index = $(this).attr("href").substr(5); 
     $('#navigation li:nth-child('+parseInt(index)+') a').click(); 
     e.preventDefault(); 
    });       
</script> 

UPDATE:ここ

がコードである

詳細は以下のリンクをご覧ください。

Javascript JQuery Script click link by code (Sliding Form Script)

+0

ここではparseIntは必要ありません –

+0

あなたはそこに '-1'を置くことができますか? 'parseInt(index) - 1' – vol7ron

+0

これに伴うHTMLを見ることなく、'(parseInt(index) - 1) 'だけで前のリンクをクリックすることはできませんか? –

答えて

1

私はあなたの問題をより簡単に解くことができると思い、少ないHTMLで を見てmy fiddleをご覧ください。

少し説明:私はusig $(関数())メソッドのonloadのリンクを作成してい

  1. 。私はすべての "li"アイテムを見つけ、それらに "next"、 "prev"リンクを追加しています。最後に、最初のアイテムの「prev」リンクと最後のアイテムの「next」リンクを削除します。このようにして、自分でHTML要素を絶えず作成する必要はありません。
  2. 私が追加する各リンクは、私はクラス「次」または「前」で識別します。
  3. 私は、各リンク上のイベントを「クリック」添付「ライブ」の方法で

    (あなたは「onは」代わりに。構文は少し異なる場合があります使用する必要があるかもしれません)「live」と結合します。ハンドラは前に付けた "next"/"prev"クラスIに従って各リンク上で動作します。 "next"クラスについては、JQueryで "next"関数を使用して次の "li"要素を取得します。 "prev"クラスについては、以前の "li"要素を取得するためにJQueryで "prev"関数を使用します。

    "prev"または "next"関数を呼び出す前に、リンクをラップしている "li"オブジェクトを参照していることを確認してください。そのために私は "closest('li')"を$(this)に呼び出します

    もっと必要なものがあれば教えてください。