html - DIV Not Clickable After Appended Using JQUERY append() -

इस सवाल का पहले से ही एक उत्तर है: < / P>

• 9 जवाब

मैं एक डीआईवी को जोड़ रहा हूँ एक मौजूदा डीआईवी संलग्नक काम कर रहा है और दिखा रहा है, लेकिन मेरे डिवाइज़ को क्लिक करने योग्य होने की आवश्यकता है। वर्तमान में मैं काम करने के लिए onclick नहीं मिल सकता है मैंने प्रत्येक अनुलग्नक को एक अनूठा वर्ग या आईडी बनाने की कोशिश की है और फिर भी div क्लिक करने योग्य नहीं है।

मेरी JQUERY

  $ (" Val ()) {$ .ajax ({type: "POST") (कुंजी) () (key) (function () {var y = $ ('# searchUsersText2')। Val (); अगर ($ ('# searchUsersText2')। ", Url: '../home/findUser.php', डेटा:" डेटास्ट्रिंग = "+ y, सफलता: फ़ंक्शन (डेटा) {$ (" # खोजउपर्सबॉडी-रिजल्ट 2 ")। खाली (); $ (" # searchUsersBodyResults2 ") .append ("& lt; div class = 'inputs' & gt;" + डेटा + "& lt; / div & gt;");}});}}); $ ("# SearchUsersText2")। क्लिक करें (फ़ंक्शन () {$ ("# searchUsersContainer2")। FadeToggle (300);}); $ ("। इनपुट")। क्लिक करें (फ़ंक्शन () {अलर्ट ("SUCCESS");});  

मेरा HTML

  & lt;! DOCTYPE html & gt; & LT; html & gt; & Lt; शीर्ष & gt; & Lt; script src = "http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js" & gt; & lt; / स्क्रिप्ट & gt; & Lt; script src = "http://www.croeberdemo.site40.net/external/listItems.js" & gt; & lt; / स्क्रिप्ट & gt; & Lt; / head & gt; & Lt; body & gt; & Lt; ul id = "nav" & gt; & Lt; li id ​​= "searchUsers2" & gt; & Lt; a href = "#" आईडी = "खोजउपर्स लिंक्स 2" & gt; & Lt; इनपुट आईडी = "searchUsersText2" प्लेसहोल्डर = "उपयोगकर्ताओं के लिए खोजें" / & gt; & Lt; / a & gt; & Lt; div id = "searchUsersContainer2" & gt; & Lt; div id = "searchUsersBodyResults2" class = "notifications" & gt; & Lt; / div & gt; & Lt; / div & gt; & Lt; / li & gt; & Lt; / ul & gt; & Lt; / html & gt;  

इस संदर्भ में उपयोग करने का प्रयास करें,

  $ ("# SearchUsersBodyResults2")। पर ("क्लिक करें", "। इनपुट", फ़ंक्शन () {अलर्ट ("SUCCESS");});