लोड पेज को एक div में jQuery jQuery

Question

मैं jQuery मोबाइल में बटन पर क्लिक करके div कंटेनर के लिए किसी अन्य फ़ोल्डर में मौजूद पृष्ठ की सामग्री लोड करना चाहता हूं (उदाहरण: "फ़ाइलें/पृष्ठ/example.html")!

यह कैसे करें?

<div data-role="page"> 
    <div id="container" data-role="content"><button id="clickButton">Click me!</button></div> 
</div> 

Answer 1

$ .mobile.loadPage विधि आप की जरूरत है। यह आपको बाहरी HTML फ़ाइल लोड करने और इसे डोम में डालने की अनुमति देता है। इस विधि के लिए डिफ़ॉल्ट इसे पूरे पृष्ठ के रूप में लोड करना है, इसलिए आपको इसे डोम तत्व में लोड करने के लिए विकल्प निर्दिष्ट करना होगा। यह एक उदाहरण है (और अवांछित) कोड:

$('#clickButton').on("click",function(){ 
    $.mobile.loadPage("theURLofThePage",{pageContainer: $('#container')}) 
}); 

अब, क्रॉसडोमेन सुरक्षा समस्या के बारे में न भूलें। मैं जोड़कर फ़ायरफ़ॉक्स में इस काम करने के लिए कामयाब रहे:

$("#landingPage").live('pageinit', function() { 
      jQuery.support.cors = true; 
      $.mobile.allowCrossDomainPages=true; 
     }); 

साथ ही, पृष्ठ आप लोड कर रहे हैं एक डेटा भूमिका = पेज में लिपटे किया जाना चाहिए div (मान लें कि यह आईडी = 'secondpage' है भी नहीं)। लोड, आईडी = secondpage div साथ डेटा भूमिका = पेज पर ट्रिगर करने के बाद:

$('#secondPage").trigger('pagecreate');