¿Cómo evitar que JQM diseñe una página?

Question

Tengo una aplicación JQM con una página específica que no quiero diseñar.

Todo lo que he encontrado hasta ahora es data-role='none' - pero no quiero tener que aplicar eso a cada elemento de la página ... ¿Hay alguna manera de desactivar si solo esta página?

Answer 1

Puede utilizar data-enhance="false" conjuntamente con $.mobile.ignoreContentEnabled=true para detener la auto-mejora que jQuery Mobile hace a un pseudo-página:

<link rel="stylesheet" href="http://code.jquery.com/mobile/1.1.0-rc.1/jquery.mobile-1.1.0-rc.1.min.css" /> 
<script src="http://code.jquery.com/jquery-1.7.1.min.js"></script> 
<script> 
$(document).on('mobileinit', function() { 
    $.mobile.ignoreContentEnabled = true; 
}); 
</script> 
<script src="http://code.jquery.com/mobile/1.1.0-rc.1/jquery.mobile-1.1.0-rc.1.min.js"></script> 

<div data-enhance="false" data-role="page"> 
    ... 
</div>​ 

La razón por la que tiene que cambiar la bandera ignoreContentEnabled es porque es la CPU a busca elementos principales para el data-attribute, por lo que está desactivado de manera predeterminada.

Aquí es una demostración: http://jsfiddle.net/ZtJyL/1/

Answer 2

Como ya he señalado here, también puede utilizar el funcionario, theme-less version of the CSS construido específicamente para permitir el diseño de un tema personalizado.

En mi experiencia, el uso de hacks como data-enhance="false" y data-role="none" a menudo rompe las cosas con CSS estructural, no temático también.

Con este método puede mantener todas las funciones básicas de jQuery Mobile, no tiene que luchar con hacks y anulaciones todo el tiempo, y obtiene un CSS más ligero como una bonificación.