Sunday 15 April 2012

append - Jquery can't use clone on appended html -


शीर्षक-OthProb-बाहरी "& gt; & Lt; इनपुट प्रकार = "बटन" वर्ग = "शीर्षक-जोड़ें-गैर-मानक-मुद्दा" मान = "एक गैर मानक समस्या जोड़ें" / & gt; & Lt; / div & gt;

Jquery:

  var शीर्षकस्ट्रिंग = '& lt; div class = "title-othProb-wrap title-nonStand1" & gt; & lt; h3 & gt; गैर मानक समस्याएं & lt; / h3 & gt; & lt;! - पठनीयता के लिए redacted! - & gt; & lt; / div & gt; & lt; इनपुट प्रकार = "बटन" वर्ग = "शीर्षक-जोड़ें-अन्य" मान = "+" /> gt; & lt; br & gt; '; $ ( 'Div [वर्ग ^ = शीर्षक-OthProb-चादर]') को छिपाने ()।; $ ( 'इनपुट [वर्ग ^ = शीर्षक-एड-एक और]') को छिपाने ()।; $ (फ़ंक्शन () {$ ('title-add-non-standard-issue')। पर ('क्लिक', फ़ंक्शन () {$ ('input [class ^ = title-add-non-standard-issue] '' '' '' शीर्षक- ओथप्राबो-बाहरी '') .जोड़ी (शीर्षकस्ट्रिंग); var elem = $ (वह) .clostest ('। शीर्षक -OthProb-outer ')। (' शीर्षक- OthProb-wrap '); $ (elem)। FadeIn (500);});   

यह ठीक काम करता है, लेकिन मैं चाहता हूं एचटीएमएल क्लोन करने की सुविधा, मैं इसे तब काम कर रहा था जब HTML पृष्ठ में था, यानी जेक्जरी द्वारा उत्पन्न नहीं, हालांकि अब 'शीर्षक-ऐड-अन्य' बटन पर क्लिक करने से कुछ नहीं होता है।

  $ (फ़ंक्शन () {$ (शीर्षक। Add-another)। क्लिक करें (फ़ंक्शन () {// गैर-मानक समस्याएं var num = $ ('। Title-OthProb-wrap') जोड़ें। / वर्तमान में "डुप्लिकेट योग्य" फ़ील्ड में कितने नए न्यूम = नया नंबर (num + 1); // नया इनपुट फ़ील्ड का सांख्यिक आईडी जोड़ा जा रहा है // क्लोन () के माध्यम से नया तत्व बनाइए, और इसे न्यूमैम Value var newElem = $ ('। Title-nonStand' + num) .clone ()। Attr ('class', 'title-othProb-wra पी शीर्षक-गैर-स्टेंड '+ नया नं); // अंतिम "डुप्लिकेट योग्य" इनपुट फ़ील्ड $ ('। Title-nonStand' + num) के बाद नया तत्व डालें। इसके बाद (newElem); }); });   

अगर मैं कन्सोल में प्रवेश करता हूं तो बटन काम करता है ... कैसे तत्वों के साथ Jquery सौदा है जो पृष्ठ के लोड होने तक तक मौजूद नहीं है?

आपको प्रतिनिधिमंडल का उपयोग करना होगा ...

  $ (फ़ंक्शन () {$ (दस्तावेज़) ) .on ('click', 'title-add-another', function () {// गैर-मानक समस्याएं var num = $ ('। Title-OthProb-wrap')। लंबाई; // कितने " डुप्लिकेट योग्य "फ़ील्ड में हम वर्तमान में नए नए न्यूज = नया नंबर (num + 1); // नए इनपुट फ़ील्ड का सांख्यिक आईडी जोड़ा जा रहा है // क्लोन () के माध्यम से नया तत्व बनाइए, और इसे न्यूमैं वैर var का उपयोग करते हुए आईडी को हेरफेर करें newElem = $ ('। Title-nonStand' + num) .clone ()। Attr ('class', 'title-othProb-wrap title-nonStand' + newNum); // अंतिम "डुप्लिकेट योग्य" इनपुट फ़ील्ड के बाद नए तत्व डालें $ ('। शीर्षक-गैर-स्टेंड' + num) .after (newElem);});});    

No comments:

Post a Comment