क्या .live() द्वारा संभाले जाने पर माता-पिता को प्रचारित होने वाली बाल क्लिक घटनाओं को रोकना संभव है?

Question

मेरे पास मेरी छवियों और सामग्री पर 'बैक बोर्ड' है: http://syndex.me तो मूल रूप से, आप किसी छवि पर क्लिक करते हैं, यह क्लिक की गई सामग्री के ऊपर एक जानकारी पैनल ओवरले करेगा। वर्तमान में खोला जानकारी पैनल

एक टैग, लिंक पर क्लिक करने में सक्षम हो, या सामाजिक आइकन भीतर बाहर फीका करने के लिए

• साइट की पृष्ठभूमि पर क्लिक करें:

  मैं दो बातें करना चाहता हूँ जानकारी पैनल को इसके मूल कार्य को ट्रिगर किए बिना, जो फिर से फीका हुआ है।

मैं बच्चे के क्लिक के लिए stopPropagation उपयोग नहीं कर सकते माता पिता क्लिक करके ((see documentation)) अधिक्रमित किया जा रहा के रूप में मैं क्लिक ईवेंट .live द्वारा नियंत्रित किया जा करने की जरूरत है इस तथ्य यह है कि पदों गतिशील लोड किया जा रहा है के कारण है।

मैं सिर्फ इतना कहना नहीं कर सकते की तरह कुछ:। $ ("# पृष्ठभूमि") पर क्लिक करें (समारोह() {// जानकारी बोर्ड बाहर फीका} क्योंकि है कि पूरे पोस्ट आवरण द्वारा कवर किया जा रहा है, और मैं कर सकता हूँ ' टी पर एक घटना टोपी डालें क्योंकि तब मैं माता-पिता की घटनाओं को लेकर माता-पिता की दुविधा में भी गहरा हूं :-)

अभी तक मैं कम से कम एक इन्फोबवर्ड खुला हूं (यानी मैं एक छवि पर क्लिक करता हूं , फिर एक और, यह बंद हो जाएगा पहले से ही एक खोला, और वर्तमान खोल तो इस हिस्से सब अच्छा है:।

$('.theContent:not(.clicked)').live("click", function() { 
      $(this).children('.postInfo').fadeIn(400); 
      $(".clicked").each(function() { 
        $(this).find('.postInfo').fadeOut(400); 
        $(this).removeClass('clicked'); 
      }); 
     $(this).addClass("clicked"); 
}); 
    $('.clicked').live("click", function() { 
      $(".clicked").each(function() { 
       $(this).find('.postInfo').fadeOut(400); 
       $(this).removeClass('clicked'); 
      }); 
}); 

पुन .live(), .del eGate() और .stopPropogation():

के बाद से .live() विधि घटनाओं संभालती है एक बार वे दस्तावेज़ के शीर्ष करने के लिए प्रचारित किया है, यह लाइव ईवेंट के प्रसार को रोकने के लिए संभव नहीं है। इसी प्रकार, .delegate() द्वारा संचालित घटनाएं उन तत्वों के प्रचार के लिए प्रचारित होंगी जिनके लिए उन्हें प्रतिनिधि दिया गया है; डीओएम पेड़ में नीचे दिए गए किसी भी तत्व पर बाध्य घटना हैंडलर पहले से ही प्रतिनिधि कार्यक्रम हैंडलर कहलाते समय निष्पादित किए जाएंगे। इसलिए, ये हैंडलर प्रतिनिधि हैंडलर को event.stopPropagation() या झूठी लौटकर ट्रिगर करने से रोक सकते हैं।

Answer 1

कैसे बस देखना हो घटना वास्तव में विशिष्ट तत्व पर जगह ले ली के बारे में:

function activate(el) { 
    el.find('.postInfo').fadeIn(400); 
    el.addClass('clicked'); 
} 
function deactivate(el) { 
    el.find('.postInfo').fadeOut(400); 
    el.removeClass('clicked'); 
} 
$('.theContent:not(.clicked)').live('click', function(e) { 
    deactivate($('.clicked')); 
    activate($(this)); 
}); 

$('.clicked').live("click", function(e) { 
    if (! $(e.target).is('a')) { 
     // this should not trigger if a click occured on one of the links 
     deactivate($(this)); 
    } 
}); 

$('#ape').click(function(e) { 
    if ($(e.target).is('#ape')) { 
     deactivate($('.clicked')); 
    } 
}); 

Answer 2

आप binding के बारे में क्लिक करें घटना में सोचा है जब पोस्ट गतिशील लोड किया जाता है? इस तरह आप stopPropagation() का उपयोग कर सकते हैं।

http://jsfiddle.net/rkw79/CzEj5/

Answer 3

आप एक माता पिता के तत्व को घटना के लिए बाध्य है, यह अपने प्रचार घटना बंद नहीं होगा यह बच्चों है करने के लिए।

आपके पास दो समाधान हैं, प्रत्येक बच्चे को एक ईवेंट बांधने और स्टॉप प्रचार कॉल डालने के लिए, या सिर्फ जांच करें कि माता-पिता में क्लिक ईवेंट किसने किया है। मैं prsonaly दूसरे समाधान अधिक सुरुचिपूर्ण पाते हैं।

आप यहाँ इसके बारे में अधिक कुछ पढ़ सकते हैं: http://redfishmemories.blogspot.it/2014/08/jquery-prevent-event-propagation-and.html