使點擊不可點擊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，你什麼都不做。