禁用並啓用div事件處理程序點擊jQuery？

Question

var times = 0; 
jQuery(window).load(function(){ 
    $(".banana").click(function(){ 
    console.log(times); 
    times++; 
    if(times == 3){ 
     $("#b1").unbind('click'); 
    } 
    if(times == 6){ 
     $("#b1").bind('click'); 
    } 
    }); 
}); 

和HTML代碼：
img id="b1" src=".../" class="banana"
img src=".../" alt="" class="banana"

我已經前面的例子，當我嘗試啓用格事件處理程序點擊。但它不幹活看了一些主題，比如我它不能解決問題。請幫助我？

Answer 1

你忘了爲類（選擇的點應該是$('.banana')。

var times = 0; 
jQuery(window).load(function(){ 
    $(".banana").click(function(){ 
    console.log(times); 
    times++; 
    if(times == 3){ 
     $("#b1").unbind('click'); 
    } 
    if(times == 6){ 
     $("#b1").bind('click'); 
    } 
    }); 
}); 

Answer 2

這不是回答你的問題，但在你的代碼一點點建議。

使用「文件準備的「，而不是負載。

$(window).load(function(){... 

替換

$(document).ready)function(){... 

他們都會爲你工作，但有細微的差異。 「準備就緒」會在加載頁面結構之後立即將事件綁定到元素，但仍然在加載內容之前。

$（window）.load（）將等待所有內容被加載。這包括圖像。

Answer 3

你想要的是防止可怕的堆棧點擊事件。有不同的處理方法，但基本上它們都是以設置布爾值爲準。

在你的例子中，我已經爲你的#choices容器設置了一個data（）標籤，以false的值開始。點擊後，我將布爾值更改爲true。基本上，如果processing=false我在點擊回調中執行代碼。

$("#choices").data('processing', false); 

    $("#rock").click(function() { 
     if (!$(this).parent().data('processing')) { 
      $(this).parent().data('processing', true); 
      user = roPaSc[0]; 
      gamePlay(); 
     } 

    }); 
    $("#paper").click(function() { 
     if (!$(this).parent().data('processing')) { 
      $(this).parent().data('processing', true); 
      user = roPaSc[1]; 
      gamePlay(); 
     } 
    }); 
    $("#scissors").click(function() { 
     if (!$(this).parent().data('processing')) { 
      $(this).parent().data('processing', true); 
      user = roPaSc[2]; 
      gamePlay(); 
     } 
    }); 

動畫後，布爾值需要重置。我在「else語句」中的openEyes函數中執行此操作。

else { 
      $("#you").attr({ 
       'src': user 
      }); 
      $("#computer").attr({ 
       'src': com 
      }); 
      $("#choices").data('processing', false); 
     } 

這裏是「剪刀，石頭，布」的調整小提琴：http://jsfiddle.net/gpxxn/2/