डीओएम घटना ऑफ-डीओएम तत्व

Question

में बबल नहीं है मेरे पास एक डोम तत्व है जो अभी तक डोम में नहीं है और मैं एक डोम ईवेंट ट्रिगर करना चाहता हूं।

घटना बुलबुला नहीं है। लेकिन jQuery के साथ, यह करता है। जो मेरे लिए अजीब लगता है।

यह व्यवहार सफारी और क्रोम में प्रतिलिपि प्रस्तुत करने योग्य है (Firefox में इसे सही ढंग से काम करता है - घटना अप बुलबुले):

var log = function(event) {console.log('Clicked on div', event);}; 

// Create DOM element. 
var div = document.createElement('div'); 
// Don't append it to DOM. Though it works if we append it there. 
// document.body.appendChild(div); 
div.innerHTML = '<a id="outer"><span class="inner">yo</span></a>'; 

// Does not work. 
div.addEventListener('click', log); 
div.querySelector('#outer').click(); 

// Works!? 
$(div).on('click', log); 
$(div).find('#outer').click(); 

jQuery रणनीति बुदबुदाती कस्टम घटना को लागू करता है? क्या यह ब्राउज़र है जो यहां गलत हैं?

संपादित करें: बनाया a bug

Answer 1

मुझे लगता है कि इसके साथ

$(div).find('#outer').click(); 

ध्यान दें कि अगर आप

$("#outer").click(); 

के साथ जाने के यह रूप में अच्छी तरह से काम नहीं करता कुछ करने के लिए है। तो मेरी शर्त यह होगी कि जेक्यू डीओएम के साथ बुलबुले के बजाय, div तत्व के लिए क्लिक को ट्रिगर करता है।