Data-Add-Back-BTN = "True" no funciona -- jquery-mobile camp Relacionados El problema

data-add-back-btn=“true” doesn't work


5
vote

problema

Español

La pregunta está en el título. Esto es jsfiddle . Este es el código:

  <!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width"> <title>Back button test</title> <link href="//code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.css" rel="stylesheet"> <script src="//code.jquery.com/jquery-1.8.1.min.js"></script> <script src="//code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.js"></script> </head> <body>     <div id="home" data-role="page" data-add-back-btn="true">         <div data-role="header"><h1>header</h1></div>         <div data-role="content">content</div>     </div> </body> </html>   
Original en ingles

The question is on the title. This is jsfiddle. This is the code:

<!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width"> <title>Back button test</title> <link href="//code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.css" rel="stylesheet"> <script src="//code.jquery.com/jquery-1.8.1.min.js"></script> <script src="//code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.js"></script> </head> <body>     <div id="home" data-role="page" data-add-back-btn="true">         <div data-role="header"><h1>header</h1></div>         <div data-role="content">content</div>     </div> </body> </html> 
  

Lista de respuestas

7
 
vote
vote
La mejor respuesta
 

JQM solo agrega un botón de retroceso en las páginas más allá de la primera vista. Si agrega otra página con data-add-back-btn="true" aparecerá:

  <body> <!-- --> <div id="home" data-role="page" data-add-back-btn="true">     <div data-role="header"><h1>header</h1></div>     <div data-role="content">         content <a href="#page2">page2</a>     </div>  </div> <div id="page2" data-role="page" data-add-back-btn="true">     <div data-role="header"><h1>Page 2</h1></div>     <div data-role="content">Back-button visible</div> </div> </body>   

http://jsfiddle.net/c2put/4/


Aquí hay un fragmento de jquery-mobile-1.2.0.js (a partir de la fila 4800):

  // Auto-add back btn on pages beyond first view if (o.addBackBtn && role === "header"      && $(".ui-page").length > 1      && $page.jqmData("url") !== $.mobile.path.stripHash(location.hash)      && !leftbtn) {      backBtn = $("<a href='javascript:void(0);' class='ui-btn-left' data-" + $.mobile.ns + "rel='back' data-" + $.mobile.ns + "icon='arrow-l'>" + o.backBtnText + "</a>")     // If theme is provided, override default inheritance     .attr("data-" + $.mobile.ns + "theme", o.backBtnTheme || thisTheme)         .prependTo($this); }   
 

JQM only adds a back-button on pages beyond first view. If you add another page with data-add-back-btn="true" it will show up:

<body> <!-- --> <div id="home" data-role="page" data-add-back-btn="true">     <div data-role="header"><h1>header</h1></div>     <div data-role="content">         content <a href="#page2">page2</a>     </div>  </div> <div id="page2" data-role="page" data-add-back-btn="true">     <div data-role="header"><h1>Page 2</h1></div>     <div data-role="content">Back-button visible</div> </div> </body> 

http://jsfiddle.net/c2pUt/4/


Here's a snippet from jquery-mobile-1.2.0.js (starting on row 4800):

// Auto-add back btn on pages beyond first view if (o.addBackBtn && role === "header"      && $(".ui-page").length > 1      && $page.jqmData("url") !== $.mobile.path.stripHash(location.hash)      && !leftbtn) {      backBtn = $("<a href='javascript:void(0);' class='ui-btn-left' data-" + $.mobile.ns + "rel='back' data-" + $.mobile.ns + "icon='arrow-l'>" + o.backBtnText + "</a>")     // If theme is provided, override default inheritance     .attr("data-" + $.mobile.ns + "theme", o.backBtnTheme || thisTheme)         .prependTo($this); } 
 
 
   
   

Relacionados problema

1  ¿Puedo abrir una página de diálogo sin ocultar la página principal en JQUERY MOBILE?  ( Can i open a dialog page without hiding the parent page in jquery mobile ) 
Tengo dos páginas, una es una página de perfil y la otra es una página de diálogo para comentar en la página de perfil. El problema está en la página de perfi...

11  Color de fondo de botón móvil jquery  ( Jquery mobile button background color ) 
Aquí está mi código de un botón móvil JQERY <a href="#" data-role="button" style="color:green; background-color:red";> Search </a> Quiero cambiar e...

11  Cambiar jQuery Mobile Color Swatch dinámicamente  ( Change jquery mobile color swatch dynamically ) 
Quiero cambiar un conjunto de color de color jQuery-Mobile Dinámicamente con JavaScript, pero no puedo "encontrar una manera (excepto eliminar y agregar todas...

0  ASP.NET: Uso de Tecnologías .NET para desarrollar aplicaciones web robustas, ¿qué herramientas necesito? [cerrado]  ( Asp net using net technologies to develop robust web applications what tools ) 
Según lo que actualmente representa, esta pregunta no es un buen ajuste para nuestro Q & Amp; un formato. Esperamos que las...

1  PhoneGAP Intentando cargar archivos de medios de audio: funciona iOS, el archivo no se puede encontrar Android  ( Phonegap attempting to upload audio media file works ios file cannot be found ) 
Tenemos una aplicación que registra audio, haciendo uso de la API de medios de PhoneGap y en el caso de iOS la API del archivo. cuando el usuario hace clic...

1  Corrección parpadeante para iOS PhoneGap causando problemas de desplazamiento  ( Flickering fix for ios phonegap causing scroll issue ) 
Utilicé por debajo del código para eliminar el parpadeo en mi código para iOS Photegap Aplicación: .ui-mobile, .ui-mobile .ui-page, .ui-mobile [data-role="...

0  Cómo obtener la carga HTML con AJAX y JQERY  ( How to get load html with ajax and jquery ) 
Estoy usando jquerymobile. Tengo una página que obtiene las últimas publicaciones con un clic en un botón de actualización. No puedo obtener ningún HTML de ...

3  jQuery Mobile Algunos enlaces atrapados en la carga  ( Jquery mobile some links stuck on loading ) 
Estoy usando JQuery Mobile y, como dice el título, por alguna razón, algunos enlaces se atascan en el giro de carga y no abra la página siguiente. Aquí está e...

-2  JQUERY MOBILE ISCROLL HEBONER HACE CON ENFOQUE EN EL CAMPO DE TEXTO EN IOS?  ( Jquery mobile iscroll header hiding when focus in text field in ios ) 
JQUERY MOBILE ISCROLL HEBIDERO HACIENDO CON ENFOQUE EN EL FORMULARIO DE CAMPO DE TEXTO EN LA APLICACIÓN DE IOS. Cómo realizar el encabezado fijo mientras se...

2  Carga automática y actualice DIV cada 10sec jquery móvil  ( Auto load and refresh div every 10sec jquery mobile ) 
Estoy usando Jquery Mobile y quiero actualizar el DIV en particular intervalo de tiempo. Intenté usar def my_view(request, id_object): getobject = get_...




© 2022 respuesta.top Reservados todos los derechos. Centro de preguntas y respuestas reservados todos los derechos