मैं साइट से एक वेबपेज के लिए दो कॉलम लेआउट है, http://jquerymobile.com/demos/1.0.1/Jquery मोबाइल परिवर्तन पेज
अब वे <a href="#xxx" data-role="button">Sample</a>
का उपयोग कर changePage के प्रावधानों की व्यवस्था की है लेकिन मेरा सवाल यह है कि प्रोग्राम के रूप में कोड का उपयोग कर पृष्ठ बदलने के लिए है ।
$.mobile.changePage("#xxx"); मेरे लिए काम नहीं कर रहा
यहाँ आप के लिए एक असली सरल उदाहरण है: http://jsfiddle.net/shanabus/YjsPD/
$.mobile.changePage("#page2");
प्रलेखन: http://api.jquerymobile.com/jQuery.mobile.changePage/
अन्य उदाहरण:
//transition to the "about us" page with a slideup transition
$.mobile.changePage("about/us.html", { transition: "slideup"});
//transition to the "search results" page, using data from a form with an ID of "search""
$.mobile.changePage("searchresults.php", {
type: "post",
data: $("form#search").serialize()
});
//transition to the "confirm" page with a "pop" transition without tracking it in history
$.mobile.changePage("../alerts/confirm.html", {
transition: "pop",
reverse: false,
changeHash: false
});
अद्यतन
चूंकि रॉस रॉबर्ट्स नीचे दी गई टिप्पणियों में बताते हैं, यह changePage विधि संस्करण 1.4 में बहिष्कृत की गई थी। नए pagecontainer change ईवेंट के लिए प्रलेखन यहां दिया गया है।
उदाहरण:
$.mobile.pageContainer.pagecontainer("change", "#page", { options });
यह भी इस तो सवाल पर संबोधित किया गया था: How to change page in jQuery mobile (1.4 beta)?
मैं जानता हूँ कि यह पहले से ही उत्तर दिया गया है लेकिन निश्चित रूप से सही जवाब क्यों यह काम नहीं कर रहा था कि वाक्य रचना है गलत है?
$ .mobile.changePage को DOM ऑब्जेक्ट की आवश्यकता होती है (हैश सिंटैक्स का उपयोग करके उसी HTML फ़ाइल में पृष्ठों को प्रदर्शित करने के लिए) और केवल एक स्ट्रिंग नहीं। तो दिए गए उदाहरण के लिए सही वाक्यविन्यास होगा:
$.mobile.changePage($("#xxx"));
यह एक इलाज करना चाहिए!
आशा इस मदद करता है
नहीं, यह सही सिंटैक्स $.mobile.changePage("#page2"); है या $.mobile.changePage("about/us.html"); API देखें
कृपया उपरोक्त उत्तरों को पढ़ें। – siva
$.mobile.changePage($("#page2"));
के बीच जो div दृश्यमान पृष्ठ है परिवर्तित करने के लिए सही तरीका है।
आप
$.mobile.changePage("#page2");
का उपयोग करते हैं डोम पुनः लोड किया जाएगा, और किसी भी ondocumentready घटनाओं ट्रिगर किया जाएगा।
+1 एमएम - मेरे अनुभव से, यदि आप किसी फ़ाइल से एक HTML पृष्ठ लोड कर रहे हैं तो उस फ़ाइल से किसी भी चेंजपेज कॉल को केवल माता-पिता को कॉल करने पर लेबल के बजाय पूर्ण DOM ऑब्जेक्ट का उपयोग करने की आवश्यकता होगी। –
यदि आप कुछ टैग गायब हैं तो पृष्ठ संक्रमण को संभव नहीं है तो आप पहली बार div ब्लॉक प्रारंभ और अंत टैग bcoz की जांच करें। के बाद कि इसके बाद के संस्करण कोड से
$.mobile.changePage("#page2");
function signin() {
alert('singin button has been clicked');
$.ajax({
type: 'POST',
url: 'http://localhost:8080/json/login',
dataType: "json",
headers: {'Authorization':'Basic '+ btoa('abc' + ':' + '12345')},
contentType: 'application/json',
data:loginFormToJSON(),
success: function(data, textStatus, jqXHR)
{
if(data.token !="ErrorID-11000"){
alert('login successfully');
//document.location.href = "accountinfo.html";
//document.getElementById("loginBtn").replace="accountinfo.html";
$.mobile.changePage("accountinfo.html");
}
else{
alert('userid password did not match');
}
},
error: function(jqXHR, textStatus, errorThrown){
alert('login error:'+errorThrown + textStatus);
}
});
}
निम्नलिखित कोड का उपयोग, मैं प्रवेश पृष्ठ में हूँ और यह सफल प्रवेश करने वाले खातों के पृष्ठ पर जाकर, इस jQuery के मोबाइल 1.4 के साथ काम कर रहा है।
उम्मीद है कि मदद करता है।
इस जवाब @shanabus धन्यवाद काम कर रहा है जब साधारण पृष्ठ रहे used.But मैं एक बाएं साइडबार जो एक मेनू का उपयोग कर रहा है, दाएँ फलक सामग्री पक्ष फलक में बदलाव पर pane.Based है, सामग्री पृष्ठ चाहिए loaded.since मैं गतिशील सामग्री चाहते हैं मुझे प्रोग्राम संक्रमण की जरूरत है। – siva
यदि आप देखते हैं कि डॉक्स पेज यह कैसे कर रहा है, तो यह पूरे पृष्ठ को पुनः लोड कर रहा है, न केवल सामग्री फलक। – shanabus
धन्यवाद @shanabus अकेले सामग्री फलक को फिर से लोड करने का कोई तरीका है? – siva