My機能は、私はページ

Question

のサイズを変更するときに、ページのサイズを変更する際、私はあなたがクリックイベントにあなたが呼び出すたびにアンバインドする必要が

<button></button> 

function example(){ 
    $('button').click(function(){ 
    alert(); 
    }); 
} 


$(window).bind('resize load', function(){ 

    if ($(this).width() < 768){ 
    example(); 
    } 
}); 

https://jsfiddle.net/vcode/yh1m2vre/

Answer 1

私のページに一度作業する必要が複数回実行されていますあなたの機能は、このようにすることができます：

function example(){ 
    $('button').off().on("click", function(){ 
     alert(); 
    }); 
} 

こうすることで、イベントの重複を防ぐことができます。

他の解決策は、クリックイベントを関数外にバインドしてクリックアクションをトリガーすることです。あなたは、このようにそれを行うことができます。

$('button').on("click", function(){ 
    alert(); 
}); 

function example(){ 
    $('button').trigger('click'); 
} 

Answer 2

は、イベントリスナーを追加します。他の人のよう

function callbackFunc() { 
     callAnOtherFunction(); 
    } 

    // listen for events 
    window.addEventListener("resize", callbackFunc); 

Answer 3

をコメントで説明してきたあなたがたびresizeを複数の新しいclick()イベントハンドラをバインドしているので、問題がありますイベントが発生します。

この問題を解決するには、論理を反転して、単一のクリックハンドラ内で画面の幅を確認し、それに応じて動作させる方がよいでしょう。この方法で編成ロジックを持つ

$('button').click(function(){ 
    if ($(window).width() >= 768) 
    return; 

    console.log('window size < 768'); 
}); 

はあなたしかページの寿命のための単一のイベントハンドラを持っているのではなく、潜在的に新しいものを何百回も、そうでない場合は数千人が、追加/削除することを意味します。