解放区在住氷翠 緑の閃光

同じ処理を二度しないように【Jquery】

2016-06-13 21:43

Javascriptでプログラムをしていると、どうにも二度同じ処理をしている節がある。
それを回避するため、jqueryの「data」メソッドを利用する。
かといって、タグに予め準備をしておく必要はなく、Jqueryの処理だけでなんとかなる。

$("ボタンのタグ").click(function(){
    var clickFlg = $(this).data("click");
    if(clickFlg) { // trueの場合には何もしない
        return false;
    }
    $(this).data("click",true);
    // クリック時の処理
    return false;
});

つまり、ボタンのタグがクリックされた時に、dataメソッドで情報を取得。
その値がtrueの時は何もせず、falseの時は処理を実行するというもの。
とりあえず、これでなんとか二度処理は回避できるようだ。