javascript - Custom Jquery Not Available At Runtime With Dynamicallly Added Html -
मेरे पास ऐसे पृष्ठ हैं जो इस तरह दिखते हैं ..
& lt;! DOCTYPE html & gt; & LT; html & gt; & Lt; शीर्ष & gt; & Lt; title & gt; JQM & lt; / title & gt; & Lt; मेटा वर्णसेट = यूटीएफ -8 / & gt; & Lt; मेटा नाम = "व्यूपोर्ट" सामग्री = "चौड़ाई = डिवाइस-चौड़ाई, प्रारंभिक-पैमाने = 1" & gt; & Lt; link rel = "स्टाइलशीट" href = "http://code.jquery.com/mobile/latest/jquery.mobile.css" & gt; & Lt; script src = "http://code.jquery.com/jquery-1.8.1.min.js" & gt; & lt; / स्क्रिप्ट & gt; & Lt; script src = "http://code.jquery.com/mobile/latest/jquery.mobile.js" & gt; & lt; / स्क्रिप्ट & gt; & LT; स्क्रिप्ट & gt; $ ('(डेटा-भूमिका = "सूची-विभक्त"]')। टॉगल (फ़ंक्शन () {$ ('।' + $ (This) .attr ('डेटा-लिंक'))। AddClass ('शो'); $ (यह)। बच्चे ()। RemoveClass ('ui-icon-plus')। AddClass ('ui-icon-minus');}, फ़ंक्शन () {$ ('।' + $ (यह) .attr ('data-link'))। निकालेंक्लस ('शो'); $ (यह)। बच्चे ()। RemoveClass ('ui-icon-minus')। AddClass ('ui-icon-plus ');});}); & Lt; / स्क्रिप्ट & gt; & Lt; / head & gt; & LT; बॉडी & gt; & Lt; div डेटा-भूमिका = "पृष्ठ" & gt; & Lt; div डेटा-भूमिका = "हैडर" & gt; & Lt; / div & gt; & Lt; div डेटा-भूमिका = "सामग्री" & gt; & Lt; / div & gt; & Lt; / div & gt; & Lt; / body & gt; & Lt; / html & gt; मैं सामग्री क्षेत्र में सर्वर से dymanically html जोड़ रहा हूं। समस्या यह है कि जब मैं सामग्री को गतिशील रूप से जोड़ता हूं, तो जेपीई फ़ंक्शंस जो मैंने पेज पर स्थिर रूप से बनाया था, उसमें संलग्न नहीं होता ..
& lt; script & gt; $ ('(डेटा-भूमिका = "सूची-विभक्त"]')। टॉगल (फ़ंक्शन () {$ ('।' + $ (This) .attr ('डेटा-लिंक'))। AddClass ('शो'); $ (यह)। बच्चे ()। RemoveClass ('ui-icon-plus')। AddClass ('ui-icon-minus');}, फ़ंक्शन () {$ ('।' + $ (यह) .attr ('data-link'))। निकालेंक्लस ('शो'); $ (यह)। बच्चे ()। RemoveClass ('ui-icon-minus')। AddClass ('ui-icon-plus ');});}); & Lt; / स्क्रिप्ट & gt; अगर मैं html को स्थिर रूप से जोड़ता हूं तो सभी कोड ठीक काम करता है और सबकुछ अच्छा होता है मेरा प्रश्न यह है कि मैं इस jquery को चलाने के लिए कैसे उपलब्ध करा सकता हूं, जब एक बार html सर्वर से पेज पर जोड़ दिया जाता है?
मैंने यह किया और यह काम किया है, क्या इसका उपयोग करने के लिए एक और अधिक सुरुचिपूर्ण तरीका है। (<[Data-role = "list-divider"] ')।
फ़ंक्शन () ($। '+ $ (This) .attr (' डेटा-लिंक ')) addClass (' शो '); $ (यह)। बच्चे ()। RemoveClass (' ui-icon-plus ' ) .addClass ('ui-icon-minus');}, फ़ंक्शन () {$ ('।' + $ (This) .attr ('डेटा-लिंक'))। हटाएं क्लास ('शो'); $ (यह )। बच्चे ()। RemoveClass ('ui-icon-minus')। AddClass ('ui-icon-plus');});});});
जब से डॉक्यूमेंट तैयार हो गया है और आपकी सामग्री लोड नहीं है, तो वर्तमान में jquery चल रहा है फिर भी यह तत्वों को नहीं मिलेगा और घटनाओं को तार-अप देगा। आपकी स्क्रिप्ट को ajax.success में जोड़ने से आपकी समस्या हल होनी चाहिए।
Comments
Post a Comment