2가 이미 클릭되었을 때 Divs를 클릭 취소 할 수있게합니다.

Question

div의 특정 양 (클래스 이름 .sqrBtn)에서 클릭 이벤트가 발생합니다. 주어진 시간에 선택하여 표시하려면 두 div 만 필요합니다. div의 나머지 부분을 unclickable로 선택하지 않도록하려면 어떻게해야합니까? 지금까지

내 코드 : http://jsbin.com/ucuha3/110/edit

Answer 1

jsFiddle Demo
당신이 당신의 클릭 핸들러를 정의하고 그것을 핸들러가 트리거 될 때마다 증가 곳의 외부 범위에 변수를 정의 리스너를 제거 당신이 원하는에 도달하면 클릭 수.

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 개입니다.