En jQuery Mobile, ¿cómo evito que un enlace se convierta en un botón en el encabezado o pie de página?

Question

Estoy tratando de implementar el nuevo jQuery Mobile Alpha 2. Actualmente, cualquier enlace dentro de data-role="header" o data-role="footer" se convierte en un botón. ¿Hay alguna forma de desactivar eso?

Answer 1

La nueva versión de jQuery Mobile (1.3pre) ha solucionado el problema. Del manual:

"Si tiene que crear un encabezado que no sigue la configuración por defecto , simplemente envolver su costumbre marcado estilo en un contenedor div el interior del contenedor cabecera y la el complemento no aplicará la lógica automática del botón para que pueda escribir estilos personalizados para diseñar el contenido en en su encabezado ".

Si grab the source from github funcionará.

Answer 2

¡Me lo estoy preguntando! He intentado agregar rel="external" al enlace, pero parece que se ha ignorado para los encabezados y los pies de página.

@naugtur: Lo estoy refrescando con ajax ahora. gracias por el consejo. Pero todavía espero que este problema se solucione para la próxima versión (no puedo esperar, ya estoy usando un paquete de la rama de desarrollo: D).

@update: https://github.com/jquery/jquery-mobile/issues/issue/714 (I accidentalmente cerrado el billete y no podía volver a abrirlo de nuevo -_-)

Answer 3

No estoy al tanto de cualquier opción directa de hacerlo en HTML, pero tengo que admitir - Yo no No lo busco mucho.

usted puede conseguir el efecto deseado en una de esas maneras:

1. eliminar una clase CSS button y/o de otro tipo necesaria
2. no los agregue en html - Introducir los vincula al DOM está listo y no serán cambiados a botones.

El primer método es mejor, ya que se degrada para navegadores con mal soporte JS.

Answer 4

Ejemplo basado en la respuesta por @gleitz:

<div data-theme="a" data-role="header" data-position="fixed"> 
     <div> <!-- new bit --> 
      <a href='nextpageetc.php'>Not a button </a> 
     </div> <!-- new bit --> 
</div> 

Answer 5

Otra solución es utilizar un data-role = atributo "ninguno":

<div data-role="header"> 
    <a href="somewhere" data-role="none">Not a jQM button</a> 
</div>