jquerymobile वापस बटन हैडर

Question

मैं एक mobile site in MVC बनाने के लिए कोशिश कर रहा हूँ पर नहीं दिख रहा है, मैं कर रहा हूँ jquerymobile करने के लिए नए, मैं JQM ट्यूटोरियल से निम्न कोड की नकल की और MVC

में एक View में पेस्ट

<div data-role="page" id="home"> 

    <div data-role="header"> 
    <h1>Home</h1> 
    </div> 

    <div data-role="content"> 
    <p><a href="#about" data-role="button">About this app</a></p>  
    </div> 

</div> 

<div data-role="page" id="about"> 

    <div data-role="header"> 
    <h1>About This App</h1> 
    </div> 

    <div data-role="content"> 
    <p>This app rocks! <a href="#home" data-role="button">Go home</a></p>  
    </div> 

</div> 

मेरे समस्या यह है कि यह back button on header in the demo दिखाता है जहां से मैंने कोड कॉपी किया था, लेकिन जब मैं इसे चलाता हूं, the back button is not there क्या कोई शरीर मुझे बता सकता है, ऐसा क्यों हुआ?

Answer 1

अपने "पेज" div पर निम्नलिखित attibute डालने का प्रयास करें:

data-add-back-btn="true" 

उदा

<div data-role="page" id="home" data-add-back-btn="true"> 

Answer 2

संपादित करें:
ठीक JQM कि सुविधा है लेकिन डिफ़ॉल्ट रूप से यह अक्षम है, फिर भी आप यह सच करने के लिए addBackBtn सेट करना, या पेज div को data-add-back-btn="true" विशेषता जोड़कर सक्षम कर सकते हैं।

http://jquerymobile.com/demos/1.1.0/docs/toolbars/docs-headers.html - बैक बटन जोड़ना।

सामान्य रूप से यदि आप बैक बटन चाहते हैं तो आप केवल data-rel="back" विशेषता का उपयोग करें, और यदि आप इसे शीर्षलेख में प्रदर्शित करना चाहते हैं तो आपको इसे वहां जोड़ना होगा।

<div data-role="page"> 
<div data-role="header"> 
<a href="#" data-rel="back">back</a> <h1> Title of page </h1> 
</div> 
<div data-role="content"> 
    </div> 
<div data-role="footer"><h1>Footer </h1></div> 
</div> 

Answer 3

यह संस्करण 1.4.4 के लिए और इसके बाद के संस्करण

<div data-role="header" > 
     <h1>PAGE_NAME</h1> 
     <a href="#" data-rel="back" class="ui-btn-left ui-btn ui-icon-back ui-btn-icon-notext ui-shadow ui-corner-all" data-role="button" role="button">Back</a> 
</div>