Jquery घटना पर गैर मौजूदा तत्वों

Question

ठीक है के लिए यहाँ jsfiddle उदाहरण बाध्यकारी नहीं है

http://jsfiddle.net/HTjCT/1/

आप आप देख सकते हैं जब आप मंडराना यह माउसओवर घटना

फायरिंग नहीं है मैं यह कैसे हल कर सकते हैं मुसीबत ?

मैं jQuery 1,9

<div id='superdiv'>Click Me</div> 


$(function() { 
    $('#superdiv').on('click', function (event) { 
     $('body').append('<div id="super">another'); 
    }); 
    $('#super').on('mouseover', function (event) { 
     alert('not working'); 
    }); 
}); 

जावास्क्रिप्ट का उपयोग कर रहा

Answer 1

आप ("लाइव" की आपूर्ति करने), "प्रतिनिधि" का उपयोग करने के लिए इस तरह की है $('body').on('mouseover', '#super', function (event) {

Answer 2

div आप onclick बनाना चाहते हैं, '</div>' टैग के साथ बंद नहीं है।

क्या होगा यदि आप निम्नलिखित कोड का प्रयास करें:

$(function() { 
    $('#superdiv').on('click', function (event) { 
     $('body').append(
      $('<div/>',{ 'id' : 'super', 'text' : 'tetet'}).mouseover(function(event) { 
        alert('test'); 
      }) 
     ); 
    }); 
}); 

Answer 3

तुम भी घटना पर माउस लपेट कर सकते हैं एक फ़ंक्शन में, और जब भी आप नए तत्व जोड़ते हैं जिन्हें आप प्रभावित करना चाहते हैं उसे कॉल करें। इस तरह जिस मुद्दे पर विकीनिल्लियम्स ने इंगित किया है वह आपको प्रभावित नहीं करेगा।

$(function() { 
    $('#superdiv').on('click', function (event) { 
     $('body').append('<div id="super">another'); 
     mouse(); 
    }); 
    function mouse() { 
     $('#super').on('mouseover', function (event) { 
      alert('not working'); 
     }); 
    }); 
    mouse(); 
} 

तु