javascript - Button click not fire after remove element -
मैंने इस तरह div
बना दिया है
& lt; Div id = "छिपा हुआ" & gt; & Lt; img src = "फोटो / बंद-2-आइकन.png" चौड़ाई = "16" ऊंचाई = "16" & gt; & Lt; इनपुट आईडी = "जोड़" मान = "फील्ड जोड़ें" प्रकार = "बटन" & gt; & Lt; इनपुट प्रकार = 'बटन' id = 'h_div_ok' value = "check!" / & Gt; & Lt; div id = "inside_display" & gt; & Lt; / div & gt; & Lt; इनपुट प्रकार = "बटन" मान = "डालें" id = "btninser" & gt; & Lt; / div & gt;
और जब जोड़ें बटन पर क्लिक करें, यह एक तालिका बना देगा। क्लिक करें (फ़ंक्शन () {i ++; var input = jquery ('& lt; tr & gt; & Lt; td & gt; & lt; इनपुट प्रकार = \ "text \" id = \ "इनपुट _ '+ i +' \" & gt; & lt; / td & gt; & lt; टीडी & gt; & gt; टेक्स्टरेआ id = \ "txtar _ '+ i +' \" & Gt; & lt; / textarea & gt; & lt; / td & gt; & lt; टीडी & gt; इनपुट प्रकार = \ "बटन \" id = \ "हटाने _ '+ i +' \" value = \ "निकालें \" / & gt; & lt; / ('& Lt; तालिका & gt;'); jQuery ('# छिपी हुई तालिका')। एपेंड (इनपुट); & lt; / tr & gt; '); if (i == 1) {jQuery (' # छिपा हुआ ')। ("# छिपा हुआ टेबल")। (इनपुट के बाद '# छिपा हुआ टेबल')। ('& Lt; / table & gt;');} अन्य {jQuery ('# छिपी हुई तालिका tr: last')। (इनपुट के बाद);} $ ("# remove_" + i) .click (function () {if (i == 1) {$ (this) .closest ("table") निकालें ();} else {$ (this) .clostest ("tr")। निकालें (); }});
i
एक वैश्विक वैरिएबल है, उसके बाद btninser
बटन पर क्लिक करें, इससे एक स्ट्रिंग उत्पन्न होगी गतिशील रूप से निर्मित तालिका कोड $ ('# Btninser') क्लिक करें (फ़ंक्शन () {$ ('#' + आईडी) .text (getval ()); $ ("# hidden table") निकालें। ();}); फ़ंक्शन मिलिंग () {var html स्ट्रिंग = '& lt; तालिका & gt;'; Var j; के लिए (जे = 1; जे एंड एलटी; = आई; जे ++) {यदि ($ ('# इनपुट _' + जे)। लांघ === 0) अन्यथा {इरवल = $ ('# इनपुट _' + जे) .val (); Var taval = $ ('# txtar _' + j) .val (); HtmlString = htmlString + ('& lt; tr & gt; & lt; td & gt;' + अंतराल + '& lt; / td & gt; & lt; टीडी & gt;' + taval + '& lt; / td & gt; & lt; / tr & gt;'); }} HtmlString = htmlString + ('& lt; / table & gt;'); वापसी html स्ट्रिंग; }
इस मामले में id
भी एक वैश्विक चर और यह सिर्फ एक textare
का एक आईडी है। उसके बाद अगर मैं जोड़
बटन को फिर से उस घटना को फ़ायरिंग नहीं करता मैं यह कैसे हल कर सकता हूँ?
मुझे लगता है कि आपको i
चर को रीसेट करने की आवश्यकता है तो आपके टेबल को फिर से दोबारा किया जाएगा जब ऐड बटन ( अगर (i == 1)
)
$ ('# btninser') दबाकर क्लिक करें (फ़ंक्शन () {$ ('#' + आईडी) .text (getval ()); $ ("# छिपी हुई तालिका")। निकालें (); i = 0; // यहां!});
Comments
Post a Comment