विभिन्न पेजों पर Jquery मोबाइल समान पाद लेख

Question

मैं अपने jquery मोबाइल ऐप पर सभी पृष्ठों पर एक ही हेडर और पाद लेख रखना चाहता हूं और इसे एक अलग फ़ाइल का उपयोग करके नियंत्रित करना चाहता हूं उदाहरण के लिए footer.html। PHP का उपयोग करना आसान है, लेकिन मैं नहीं कर सकता क्योंकि मैं इस ऐप का उपयोग फोनगैप के साथ करने की योजना बना रहा हूं।

सर्च कर रहे हैं चारों ओर मैं

<div data-role="footer"> 
<div class="footerExt"></div> 
    </div> 

और जावास्क्रिप्ट

$('.footerExt').load('footer.html') 

का उपयोग कर हालांकि इस काम नहीं कर रहा पाया। मुझे जिक्र करना चाहिए कि मैं जावास्क्रिप्ट शुरुआती हूं, मैं मुश्किल से समझता हूं कि क्या चल रहा है।

<div class="footerExt"></div> 

रहे हैं:

धन्यवाद एक बहुत

Answer 1

प्रयास करें, यह मेरी कोड के साथ काम करता है:

$('[data-role=page]').live('pageshow', function (event, ui) { 
      $("#" + event.target.id).find("[data-role=footer]").load("footer.html", function(){ 
       $("#" + event.target.id).find("[data-role=navbar]").navbar(); 
      }); 
     }); 

यह gist पूरे कोड को दर्शाता है।

Answer 2

आप "पाद लेख" एक डाटा-भूमिका के साथ एक div = के लिए बाहरी एचटीएमएल कोड को लोड करने की जरूरत है, तो आप को बदलने की जरूरत

<div data-role="footer" class="footerExt"></div> 

और उदाहरण के लिए आपके पाद लेख एचटीएमएल एक h3

012 हो सकता थाघटना के बाद से

<h3>This is your footer</h3> 

Answer 3

jquery 1.9 और ऊपर live is now deprecated से कृपया फ़ंक्शन का उपयोग करें। $ (...) एक समारोह

उदाहरण से सक्रिय नहीं है बदलने अपने कोड

$('[data-role=page]').live('pageshow', function (event, ui) { 
      $("#" + event.target.id).find("[data-role=footer]").load("footer.html", function(){ 
       $("#" + event.target.id).find("[data-role=navbar]").navbar(); 
      }); 
     }); 

साथ

$('[data-role=page]').on('pageshow', function (event, ui) { 
       $("#" + event.target.id).find("[data-role=footer]").load("footer.html", function(){ 
        $("#" + event.target.id).find("[data-role=navbar]").navbar(); 
       }); 
      });