jquery - .load page within linked javascript and css files -
वर्णन: मेरे पास शीर्ष लेख, पाद लेख, आदि के साथ एक मुख्य पृष्ठ है। सामग्री (शरीर के अंदर एक div) इस पृष्ठ का है आप कहां पर क्लिक करें (मेनू आइटम) के आधार पर बदलते हैं लोड की गई सामग्री जावास्क्रिप्ट और सीएसएस फ़ाइलों के भीतर अलग-अलग पृष्ठ हैं।
समस्या: लोड किए गए पृष्ठों की जावास्क्रिप्ट और सीएसएस फाइलें काम नहीं करती हैं। मुझे यह काम करने के लिए सभी पेजों को शामिल करना होगा।
उदाहरण के लिए, अगले कोड में, status.jsp में शामिल जावास्क्रिप्ट काम नहीं करते:
$ (document) .ready (प्रारंभ); फ़ंक्शन इनिशियलाइज़ () {// status.jsp है जावास्क्रिप्ट और सीएसएस से जुड़े $ ("# कंटेंट")। लोड ("पेज / स्टेटस। जेएसपी # इंफॉर्मेशन"); }
हालांकि, यह काम करता है, लेकिन यह मेरी इच्छानुसार नहीं है:
$ (दस्तावेज़) .ready (प्रारंभ); फ़ंक्शन इनिशियलाइज़ () {// status.jsp है जावास्क्रिप्ट और सीएसएस से जुड़े $ ("# कंटेंट")। लोड ("पेज / स्टेटस। जेस्प"); }
पिछले कोड का नतीजा यह जैसा पृष्ठ है:
& lt; html & gt; & Lt; शीर्ष & gt; & Lt; मेटा वर्णसेट = "यूटीएफ -8" & gt; & Lt; script type = "text / javascript" src = "js / jquery-1.11.1.js" & gt; & lt; / स्क्रिप्ट & gt; & Lt; title & gt; mainpage & lt; / title & gt; & Lt; / head & gt; & LT; बॉडी & gt; & Lt; div id = "content & gt; मेटा charset =" utf-8 "& gt; & lt; लिंक rel =" stylesheet "href =" styles / styles.css "प्रकार =" text / css "& gt; & lt; title & gt; स्थिति & lt; / title & gt; & lt; div id = statusbox & gt; सूचना & lt; / div & gt; & Lt; script type = "text / javascript" src = "js / status.js" & gt; & lt; / स्क्रिप्ट & gt; & Lt; / div & gt; & Lt; स्क्रिप्ट प्रकार = "टेक्स्ट / जावास्क्रिप्ट" src = "जेएस / मुख्य.जेएस" & gt; & lt; / स्क्रिप्ट & gt; & Lt; / body & gt; & Lt; / html & gt;
Comments
Post a Comment