jQuery बच्चे की घटना ट्रिगर होने पर माता-पिता की घटना को ट्रिगर करने से रोकें

Question

हाल ही में मुझे jQuery के साथ कुछ समस्याएं हैं। चलो बस का कहना है कि मैं इस तरह के तत्व हैं:

<div id="parent1" class="parent"> 
    <div id="child1" class="children"> 
     <a href="" id="child_link1" class="child_link"></a> 
    </div> 
</div> 

और मैं इस तरह jQuery समारोह है:

$(".parent").click(function(){ 
    alert("parent is clicked"); 
}); 

$(".child_link").click(function(){ 
    alert("child link is clicked"); 
}); 

अगर मैं child_link क्लिक करें, माता-पिता भी प्रारंभ नहीं होगा। मैं एक स्थिति कैसे बना सकता हूं जहां मैं child_link पर क्लिक करता हूं, तो पैरेंट ट्रिगर नहीं किया जाएगा?

Answer 1

आप, बच्चे क्लिक करें घटना पर प्रचार को रोकने के लिए की जरूरत है इस तरह:

$(".child_link").click(function(e) { 
    e.stopPropagation(); 
    alert("child link is clicked"); 
}); 

Example fiddle

Answer 2

बच्चे के लिए

ईवेंट हैंडलर इसलिए की तरह लिखा जाना चाहिए:

$(".child_link").click(function(event){ 
    event.stopPropagation(); 
    alert("child link is clicked"); 
}); 

यह होगा event bubbling रोकें, और अभिभावक के ईवेंट हैंडलर को कॉल नहीं किया जाएगा।

Answer 3

देखें कि आपका ईवेंट अपने माता-पिता को बुलबुला कर रहा है। मैं stopPropagation उपयोग करने की कोशिश लेकिन दुर्भाग्य से, यहां तक ​​कि child_link ईवेंट को ट्रिगर नहीं कर रहा था

$(".child_link").click(function(ev){ 
    ev.stopPropagation(); //<----------------this stops the event to bubble up 
    alert("child link is clicked"); 
});