html5 - Using regular jquery syntax within jquerymobile code? -


मुझे इस लाइन के साथ एक समस्या है - $ ('# container1')। Html (html); अगर मैं सतर्क (html) का उपयोग करता हूं; यह html ठीक दिखाता है लेकिन समस्या को कंटेनर 1 डिवेल में डाल रहा है यह कैसे संभव है? मैं jquerymobile के लिए नया हूँ इसलिए मुझे यकीन है कि अगर मैं कुछ गलत कर रहा हूँ, क्या अब नियमित jquery सिंटैक्स का उपयोग करना संभव नहीं है?

jquery

  $ (फ़ंक्शन () {$ .event.special.swipe.scrollSupressionThreshold = 10; // इस क्षैतिज विस्थापन से अधिक, और हम स्क्रॉलिंग को दबाने देंगे। $ .event.special.swipe.horizontalDistanceThreshold = 30; // कड़ी चोट क्षैतिज विस्थापन इस से अधिक होना चाहिए। $ .event.special.swipe.durationThreshold = 500; // इस से अधिक समय, और यह एक स्वाइप नहीं है। $ .event.special.swipe.verticalDistanceThreshold = 75; // स्वैप ऊर्ध्वाधर विस्थापन इस से कम होना चाहिए। $ (दस्तावेज़) .on ("swipeleft", फ़ंक्शन () {चेतावनी ('परीक्षण'); $ .get ('notifications.php')। सफलता (फ़ंक्शन (html) {$ ('# Container1')। Html (html);});});});   

html

  & lt; div डेटा-भूमिका = "पृष्ठ" id = "पृष्ठ" डेटा-थीम = "ए "& gt; & lt; div डेटा-भूमिका = "हैडर" & gt; & Lt; a href = "# left-panel" class = "jqm-navmenu-link ui-nodisc-icon ui-alt-icon ui-btn- बायें ui-btn ui-icon-bars ui-btn-icon-notext" डेटा-रोल = "बटन" भूमिका = "बटन" डेटा-थीम = "सी" & gt; मेनू & lt; / a & gt; & Lt; h1 & gt; संपर्क संपादित करें & lt; / h1 & gt; & Lt; a href = "# राइट पैनल" class = "ui-btn ui-icon-उपयोगकर्ता jqm-navmenu-लिंक ui-Alt-आइकन ui-btn-सही ui-btn-icon-notext ui-nodisc-आइकन" डेटा-रोल = "बटन" भूमिका = "बटन" डेटा-थीम = "सी" & gt; मेनू & lt; / a & gt; & Lt; div डेटा-भूमिका = "नवबार" वर्ग = "नव-ग्लाइफिश-उदाहरण" & gt; & LT; ul & gt; & Lt; li & gt; & lt; a href = "#" आईडी = "नोटिफ़" डेटा-आइकन = "कस्टम" & gt; & lt; / a & gt; & lt; / li & gt; & Lt; li & gt; & lt; a href = "#" आईडी = "ईमेल" डेटा-आइकन = "कस्टम" & gt; & lt; / a & gt; & lt; / li & gt; & Lt; li & gt; & lt; a href = "#" आईडी = "freq" डेटा-आइकन = "कस्टम" & gt; & lt; / a & gt; & lt; / li & gt; & Lt; / ul & gt; & Lt; / div & gt; & Lt; / div & gt; & Lt; div डेटा-भूमिका = "सामग्री" & gt; & Lt;! - यहाँ कंटेनर प्लेस करें क्योंकि jQuery के मोबाइल डेटा-रोल = "पृष्ठ" एक ब्राउज़र फ़ुलस्क्रीन पृष्ठ को परिभाषित करता है (डैटलॉल एक पृष्ठ बनाने के लिए नियम हैं और केवल एक दृश्य पृष्ठ हो सकता है) - & gt; & Lt; div id = "container1" & gt; & lt; / div & gt; & Lt; / div & gt; & Lt; div डेटा-भूमिका = "पैनल" डेटा-स्थिति-निर्धारण = "सही" डेटा-स्थिति = "बाएं" डेटा-प्रदर्शन = "पुश" डेटा-थीम = "बी" आईडी = "बाएं-पैनल" & gt; & Lt; / div & gt; & Lt; div डेटा-भूमिका = "पैनल" आईडी = "सही-पैनल" डेटा-प्रदर्शन = "पुश" डेटा-स्थिति = "सही" डेटा-थीम = "बी" & gt; & lt; p & gt; दाएं फलक पैनल। & lt; / p & gt; & Lt; a href = "#" डेटा-rel = "बंद" वर्ग = "ui-btn ui-कोने-सब ui छाया ui-मिनी ui-btn-इनलाइन ui-icon-हटाना ui-btn-icon-सही" & gt; बंद & lt; / a & gt; & lt; / div & gt; & lt;! - / panel - & gt; & lt; / div & gt; & lt;! - / पृष्ठ - & gt;    

सबसे पहले, mobileinit घटना के दौरान संशोधित किया जाना चाहिए । इस घटना को आग jQuery जे एस पुस्तकालयों लोड करने के बाद, इसलिए, आप jQuery मोबाइल लाइब्रेरी लोड करने से पहले कोई भी परिवर्तन करने की ज़रूरत है

 । & Lt; स्क्रिप्ट src = "jquery.js & gt; & lt; / स्क्रिप्ट & gt; & lt; स्क्रिप्ट & gt; $ (दस्तावेज़) .on ( "mobileinit", function () {$ .extend ($ event.special.swipe, {scrollSupressionThreshold: 10, horizontalDistanceThreshold: 30, durationThreshold: 500, verticalDistanceThreshold:। 75});}) ; & Lt; / स्क्रिप्ट & gt; & lt; स्क्रिप्ट src = "jquery-mobile.js & gt; & lt; / स्क्रिप्ट & gt;  बाहरी  फ़ाइल से सामग्री को लोड करने के लिए  $।  वाला  html  विकल्प चुनें और फिर < em> इनिशियलाइज़  फोन करके तत्वों  .enhanceWithin ()  

भूल pagecreate में अपने कोड रैप करने के लिए मत करो, यह बराबर है .ready ()

  $ (दस्तावेज़) .on ("pagecreate", "#pageID", फ़ंक्शन () {$ (दस्तावेज़) .on ( "swipeleft", function () {$ .Get ( "URL", समारोह (डेटा) {$ ( "# container1") एचटीएमएल (डेटा) .enhanceWithin ();।}, "html");});}) ;   



Comments

Popular posts from this blog

c# - The item with identity 'Id' already exists in the metadata collection. Parameter name: item -

sql - PostgreSQL automatically update row at specific date -

jsp - No mapping found for HTTP request with URI with annotation config Spring MVC and Jetty -