禁用并启用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/