तत्व को अनजान करने के लिए सेट करें और उसके बाद क्लिक करने योग्य

Question

मैं एक div तत्व सेट क्लिक करने योग्य नहीं होना चाहता हूं और फिर किसी अन्य तत्व पर क्लिक करने के बाद इसे क्लिक करने योग्य सेट करना चाहता हूं।

तो, जब .case क्लिक किया जाता है:

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

लेकिन यह कैसे मैं #patient उन पर क्लिक करने के लिए पहले उदाहरण में स्थापित कर सकता है जब मैं और नीचे है:

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

Answer 1

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

आप तो बस इसे स्वीकार नहीं करना चाहते हैं, आप इसे अपने सीएसएस (pointer-events) में जोड़ सकते हैं:

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

Answer 2

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

मुझे आशा है कि यह काम करेगा।

Answer 3

ट्रिगर उपयोग

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

संदर्भ: .trigger()

Answer 4

अपनी जरूरत (केवल एक ही तत्व या कई, गतिशील तत्व निर्माण या नहीं) के आधार पर आप उपयोग कर सकते हैं:

1) एक चर करने के लिए जांचें कि क्या अन्य तत्व पर पहला क्लिक किया गया है

var isActive = false; 

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

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

    //Your behaviour 
}); 

2) पहला तत्व की क्लिक करें घटना में क्लिक फ़ंक्शन निर्धारित

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

तो फिर तुम off उपयोग कर सकते हैं क्लिक करें घटना

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

गैर क्लिक करने योग्य दूर करने के लिए:

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

क्लिक करने योग्य :

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