0

私のウェブページにはたくさんのリンクがあります。id="reply_x" を持つ約 25 個のリンク。id="quote_x" を含む約 20 個のリンクと、id="like_x" を含むいくつかのリンク。リンクのさまざまなグループに対して、JQuery を使用してさまざまな関数を作成しました。1 つの関数は、reply_x ID を持つリンクをクリックすると実行され、もう 1 つの関数は、ID quote_x を持つリンクをクリックすると実行されます。今、私は自分のウェブページを効率的にしたいと思っています。したがって、これらの関数を実行する最も効率的な方法は何ですか。

私は次の方法を使用しました。

$(document).ready(function(){
    $('#reply_x').click(function() {
  // function statements
     });
});

効率の良い方法ですか？？そうでない場合、関数を実行するより効率的な方法はどれですか。

4

1 に答える 1

1

まず、ID は一意でなければならないため、ID属性要素は1 つ だけである必要がありますが、これは実際には数値reply_xであると仮定します。_xこれらすべてのバインディングを入力しなければならないのは指にとって大変なことなので、代わりにすべてのバインディングにクラスを与える必要があります: reply:

$(".reply").on('click', function () {})

これはイベントをすべての要素にバインドするため、最も効率的ではない可能性があります。それらがすべて同じコンテナーにラップされている場合は、次を使用できます。

$("#container").on('click', '.reply', function () {})

...これは、この回答に基づく要素に#container近い限り、より効率的であるようです.reply

于 2013-03-01T06:20:49.793 に答える