jQueryでダブルクリックやタイムアウトのクリックを無効にする方法は？

Question

私はいくつかの機能を開始するためにjQueryの.clickイベントを使っているアンカーを持っています。

jQuery(document).ready(function(){ 
    jQuery('a.slide_circ').click(function(){ 
     do_all_functions(); 
     return false; 
    }); 
}); 

この

はそれが必要として働いて短い.. その内のコードで、すべてのdo_all_functionsを開始slide_circアンカークラスをクリックしてください。

しかし、そこに問題があります。ユーザーがダブルクリックをすると、2回以上の機能が実行されます。 そして、どのようにアイデアが地獄に行きますか？

私は何らかの方法でダブルクリックを無効にするか、自分の関数でタイムアウトを設定して毎回実行しないようにする必要があると思います。誰でも助けてくれますか？

Answer 1

.dataメソッドを使用して、要素に状態を割り当てます。

jQuery(document).ready(function() { 
    jQuery('a.slide_circ').click(function() { 
     var $this = jQuery(this); 
     if ($this.data('activated')) return false; // Pending, return 

     $this.data('activated', true); 
     setTimeout(function() { 
      $this.data('activated', false) 
     }, 500); // Freeze for 500ms 

     do_all_functions(); 
     return false; 
    }); 
}); 

Answer 2

いくつかの方法がそれを行うには、しかし、1つの方法は次のとおりです：その後、状態をリセットするためにsetTimeoutを使用

jQuery(document).ready(function(){ 
    var do_all_functions_running = false; 
    jQuery('a.slide_circ').click(function(){ 
     if (!do_all_functions_running) { 
      do_all_functions_running = true; 
      do_all_functions(); 
      do_all_functions_running = false; 
     } 
     return false; 
    }); 
}); 

は完璧ではないが、それは動作します。

Answer 3

あなたは実行の最後の日付を確認し、それが半分以下秒前だった場合は取り消すことができます。

jQuery(document).ready(function() { 
    jQuery('a.slide_circ').each(function() { 
     var lastRun = null; 

     $(this).click(function() { 
      if(lastRun && new Date() - lastRun < 500) { 
       // Less than 500ms; ignore. 
       return false; 
      } 

      // Set the last run: 
      lastRun = new Date().getTime(); 

      // Continue: 
      do_all_functions(); 
      return false; 
     }); 
    }); 
}); 

それはもう少し効率的であるという利点があります。