jquerymobile Zurück-Taste nicht auf Kopf zeigt

Ich versuche, eine mobile site in MVC zu machen, ich bin neu in jquerymobile, kopiert ich den folgenden Code aus JQM Tutorial und fügen Sie ihn in einem View in MVCjquerymobile Zurück-Taste nicht auf Kopf zeigt

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

Mein Problem ist, dass es zeigt die back button on header in the demo von wo ich den Code kopiert, aber wenn ich das in, the back button is not there kann jeder Körper mir sagen, warum das passiert ist?

Quelle

2012-05-21 gaurav

Versuchen Sie, die folgenden attibute auf Ihrer "Seite" div setzen:

data-add-back-btn="true"

z.B.

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

Quelle

2012-05-21 20:04:29 dommer

Dank es funktioniert, kann u pls mir erklären, wie kann ich diese Schaltfläche CSS formatiert werden? – gaurav

Sie können eine CSS-Regel wie folgt verwenden: ui-header ui-btn {...}. Das würde Ihnen konsistente Schaltflächen in der Kopfzeile geben. Aber es hängt wirklich von den Besonderheiten dessen ab, was Sie tun möchten. – dommer

ok danke nochmal – gaurav

EDIT:
OK JQM tut diese Funktion haben, aber standardmäßig ist es deaktiviert, jedoch können Sie es aktivieren, indem addBackBtn auf true setzen, oder die Aufnahme der data-add-back-btn="true" Attribut auf der Seite div.

http://jquerymobile.com/demos/1.1.0/docs/toolbars/docs-headers.html - Hinzufügen von Schaltflächen zurück.

Im Allgemeinen, wenn Sie eine Schaltfläche zurück möchten, verwenden Sie einfach das data-rel="back" Attribut, und wenn Sie möchten, dass es in der Kopfzeile angezeigt wird, dann müssen Sie es dort hinzufügen.

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

Quelle

2012-05-21 20:12:56 Jack

, aber ich habe irgendwo gelesen, dass JQM dies für uns behandeln – gaurav

OK, ich fand, was Sie beziehen, ich weiß nicht, ob JQM immer diese Funktion hatte es in einer der letzten Veröffentlichungen hinzugefügt wurde, habe ich meine Antwort bearbeitet, um das zu reflektieren . – Jack

Diese Lösung funktioniert auch, wenn Data-add-back-btn = "true" nicht funktioniert. – devdanke

Dies ist für Version 1.4.4 und höher

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

Quelle

2014-09-19 11:35:45

danke. Ich habe festgestellt, dass mit 1.4.5 der automatische Zurück-Button nicht mehr gerendert wird, unabhängig von Daten-add-back-btn = "true" Platzierung. und dies ermöglicht eine manuelle Übersteuerung. –

jquerymobile Zurück-Taste nicht auf Kopf zeigt

Antwort

Verwandte Themen