1

jqueryonclick関数について質問があります。質問はバグではありません。jqueryを使用するボタンクリック関数を作成するとき、たとえば次のように多くのjqueryを作成しました。

$(document).ready(function(){
    $('#dp1').datepicker({
            format: 'yyyy-mm-dd'
    });
    $('#dp2').datepicker({
            format: 'yyyy-mm-dd'
    });

    $("#addNewQ").on('click', function(){
       .......
    });
    $('#addNew').on('click', function(){
       .......
    });
    $('#addText').on('click', function(){
       .......
    });

});

私の質問は、これをより良く書く方法です。クリック関数をたくさん書きたくありません。

グーグルしようとしましたが、キーワードがわかりません。ありがとう ！

4

1 に答える 1

2

これらのクリックイベントが同じ関数を実行している場合は、複数の要素にクラスを指定して使用できます。たとえば、日付ピッカーをclass="datepicker"追加すると、1つのイベントリスナーが必要になります。

$('.datepicker').datepicker({
       format: 'yyyy-mm-dd'
});

ただし、これらのクリックイベントのそれぞれが異なる関数を実行する場合は、それぞれに異なるクリックイベントリスナーを設定するのが最適です。

ただし、これは、クリックイベントリスナーを1つの長いDOM対応関数にリストする必要があるという意味ではありません。Javascript OOPを使用して、クリックイベントをより適切に整理できます。

Javascript OOPに言及しているこの記事は、次のような用途があります。

http://net.tutsplus.com/tutorials/javascript-ajax/the-basics-of-object-Oriented-javascript/

于 2012-04-23T15:26:15.807 に答える