dynamic - Using jquery to hide dynamically added divs -
नीचे दिए गए jquery कोड divs को समाप्त होने के साथ- value-wrapper को छुपाएंगे, जब पृष्ठ लोड होता है। मेरी समस्या यह है, कि "अधिक मूल्य जोड़ें" बटन एक और पंक्ति जोड़ देगा (संख्या बढ़ी हुई है)। जब ऐसा होता है, तो सभी divs प्रकट होते हैं
एचटीएमएल मार्कअप इस तरह दिखता है:
& lt; div id = "" समूह-सूचना आइटम "& gt; & LT; fieldset & gt; & Lt; किंवदंती & gt; सदस्य सूचना & lt; / किंवदंती & gt; & Lt; लेबल & gt; फ़ॉर्म लेबल 1 & lt; / label & gt; & LT; तालिका & gt; & LT; टीआर & gt; & LT; टीडी & gt; & Lt; div वर्ग = "फॉर्म-रेडियो" & gt; & Lt; इनपुट प्रकार = "रेडियो" वर्ग = "फॉर्म-रेडियो" चेक = "चेक किया गया" मान = "0" नाम = "जीसीआई [0] [डीई] [मूल्य]" आईडी = "संपादित-जीसी-वैल्यू -1" & gt; ए एंड एलटी; इनपुट प्रकार = "रेडियो" वर्ग = "फॉर्म-रेडियो" मान = "1" नाम = "जीसीआई [0] [एफए] [मूल्य]" आईडी = "संपादित-जीसी-मूल्य -0" & gt; बी एंड एलटी ; / div & gt; & Lt;! - यह वह div है जो छिपा हुआ है - & gt; & Lt; div id = "edit-gci-0-fa-list-value-wrapper" वर्ग = "फॉर्म-आइटम" & gt; & Lt; लेबल & gt; सूची: & lt; / लेबल & gt; & Lt; textarea name = "gci [0] [fa_list] [मूल्य]" पंक्तियाँ = "5" cols = "60" & gt; & lt; / textarea & gt; & Lt; / div & gt; & Lt; / टीडी & gt; & Lt; / टीआर & gt; & Lt; / तालिका & gt; & Lt;! - जब इस बटन को क्लिक किया गया है, तो ऊपर की पंक्ति का एक क्लिप तालिका से संबंधित है - & gt; & Lt;! - एकमात्र अंतर यह है [0] [1] और इतने पर - & gt; & Lt; div class = "content-add-more-clear-block" & gt; & Lt; इनपुट प्रकार = "जमा करें" मान = "अधिक मान जोड़ें" id = "edit-gci-add-more" name = "gci_add_more" & gt; & Lt; / div & gt; & Lt; / fieldset & gt; & Lt; / div & gt;
आरंभिक छिपाने वाला कोड नीचे दिया गया है:
$ ("# group-information-items div")। प्रत्येक (फ़ंक्शन () { $ ("Div [id $ = '- value-wrapper']")। प्रत्येक (फ़ंक्शन () {$ (this) .hide ();});}); सबसे पहले, जब तक कि मुझे कुछ याद आ रहा न हो, तो आप छुपा कोड को बहुत सरल कर सकते हैं: $ ("# समूह-सूचना-आइटम")। ("Div [id $ = '- value-wrapper']") ढूंढें। Hide ();
यह सवाल भी पूछता है, हालांकि। क्यों एक नियमित रूप से स्थिर शैली सेट नहीं है, इसलिए इन divs में से किसी के लिए डिफ़ॉल्ट स्थिति छिपाई गई है? एक अभ्यास के रूप में यह आपके पृष्ठ तत्वों की डिफ़ॉल्ट तार्किक स्थिति के साथ डिफ़ॉल्ट शैली को संरेखित करने के लिए समझ में आता है। इसलिए:
div # group-information-items div.form-item {display: none; }
अब सभी "नए" divs छिपाए जाएंगे अपने कोड को शो ()
divs को आवश्यकतानुसार बदलें (आप यह नहीं जान पाए हैं कि यह कैसे, कब और कब करना चाहते हैं) यदि आप शुरुआती पृष्ठ लोड के बाद बनाए गए तत्वों में व्यवहार संलग्न करना चाहते हैं, तो आपको एक नज़र रखना चाहिए या।
Comments
Post a Comment