要素をクリップ不可能にしてクリック可能に設定する

Question

div要素をクリックできないように設定し、別の要素をクリックした後にクリック可能に設定したいとします。だから、

、.caseがクリックされる：

$('.case').click(function() { 
$('#patient').addClass('active').on('click'); 
}); 

しかし、私はさらにダウンしていたときにどのように私は最初のインスタンスでunclickableに#patientを設定します：

$('#patient').click(function() { 
alert('clicked'); 
}); 

Answer 1

$('#patient').on('click', function() { 
    if ($(this).hasClass('active')) { 
     // do whatever when it's active. 
    } 
    return false; 
}); 

あなたの場合受諾しないようにしたい場合は、これをあなたのCSS（pointer-events）に追加することができます：

#patient { pointer-events: none; } 
#patient.active { pointer-events: auto; } 

Answer 2

$('#patient').unbind("click"); 

これがうまくいけばいいですね。

Answer 3

使用トリガー

$('#patient').addClass('active').trigger('click'); 

REFERENCE：.trigger()

Answer 4

あなたの必要性に応じて、（一つだけの要素または多く、動的な要素の作成やない）あなたが使用することができます。

1）変数へ他の要素の最初のクリックが完了したかどうかを確認してください。

var isActive = false; 

$('.case').click(function() { 
    isActive = true; 
}); 

$('#patient').click(function(){ 
    if(isActive === false) 
     return false; 

    //Your behaviour 
}); 

2）次に、あなたはクリックイベント

Answer 5

for first instance..add deactive class to patient div tag... 

$('#patient').click(function() { 
if($(this).hasClass('deactive')) 
return; 
else 
//do what you want to do. 
}); 

on case click... 

$('.case').click(function() { 
$('#patient').removeClass('deactive'); 
}); 

Answer 6

非クリッカブル削除するoffを使用することができ、最初の要素

$('.case').on('click',function() { 
    //Make element clickable 
    $('#patient').on('click',function(){ 
     //Your behaviour 
    }); 
}); 

のクリックイベントにクリック機能を定義します。

$("#ElementName").css("pointer-events","none"); 

クリッカブルを：

$("#ElementName").css("pointer-events","auto");