jquerymobile lại nút không hiển thị trên tiêu đề

Question

tôi đang cố gắng để thực hiện một mobile site in MVC, tôi đang mới để jquerymobile, tôi sao chép đoạn mã sau từ JQM hướng dẫn và dán nó vào một View trong MVC

<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> 

Vấn đề của tôi là nó hiển thị số back button on header in the demo từ nơi tôi sao chép mã nhưng khi tôi chạy mã này, the back button is not there có thể bất kỳ cơ thể nào cho tôi biết, tại sao điều này xảy ra?

Answer 1

Hãy thử đặt attibute sau trên "trang" của bạn div:

data-add-back-btn="true" 

ví dụ

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

Answer 2

EDIT:
OK JQM không có được khả năng đó, nhưng theo mặc định nó bị vô hiệu hóa, tuy nhiên bạn có thể kích hoạt nó bằng cách thiết lập addBackBtn true, hoặc thêm các thuộc tính để data-add-back-btn="true" div trang.

http://jquerymobile.com/demos/1.1.0/docs/toolbars/docs-headers.html - thêm các nút quay lại.

Nói chung nếu bạn muốn một nút quay lại, bạn chỉ sử dụng thuộc tính data-rel="back" và nếu bạn muốn nó hiển thị trong tiêu đề thì bạn cần phải thêm nó vào đó.

<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

này là dành cho phiên bản 1.4.4 trở lên

<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>