使点击不可点击2点已经点击

Question

我有点击事件发射一定数量的div（类名.sqrBtn）我只需要这些div中的两个在给定时间显示选定的div。我怎样才能让其余的div没有被选中不可点击？

到目前为止我的代码：http://jsbin.com/ucuha3/110/edit

Answer 1

jsFiddle Demo
在哪里你定义你的click处理程序和每个处理器被触发时增加它的外部范围定义一个变量，消除听者一旦你达到所希望的点击次数。

var bol = 0; 

$(".sqrBtn").click(function() { 
    bol++; 
    if (bol >= 2) { 
     $(".sqrBtn").off('click'); 
    } 
}); 

Answer 2

你可以做到这样的 - 通过检查所选择的div的长度

$(".sqrBtn").click(function() { 
    var bol = $(".sqrBtn.selected").length < 2; 
    // if less less than two selected or current one is selected 
    if(bol || $(this).is('.selected')){ 
     $(this).toggleClass('selected'); 
    } 
}); 

JSBIN

Answer 3

$(".sqrBtn").click(function() { 
    if($(".sqrBtn.clicked").length < 2 && !$(this).hasClass('clicked')){ 
     $(this).addClass("clicked"); 
    } 
}); 

如果您单击添加类股利点击，如果div的总数是2，你什么都不做。