tutorial - Evitar que jquery mobile se estilo.

jquery mobile ventajas y desventajas

Question

Tengo una casilla de verificación que quiero ocultar en la página. Mi primer intento obvio fue el siguiente:

<input type=''checkbox'' style=''display:none'' />

Sin embargo, noté que jquery mobile envuelve automáticamente la casilla de verificación en un div que se parece a esto:

<div class=''ui-checkbox''>
  <input type=''checkbox'' style=''display:none;'' />
</div>

Supongo que hay algún tipo de elemento de data- que evitaría este estilo adicional, pero no lo he encontrado en los documentos ni en ninguna otra parte. Es bastante fácil anular la .ui-checkbox en css para esconderlo también, pero preferiría un enfoque más estándar para dispositivos móviles. ¿Existe tal cosa?

Answer 1

El atributo que evita el estilo es data-role="none"

<input type=''checkbox'' style=''display:none'' data-role="none" />

Consulte el documento de Jquery : "Cómo evitar la inicialización automática de los elementos del formulario"

Answer 2

Para futuros usuarios.

En caso de que desee deshabilitar cada elemento del formulario o sus formularios se estén cargando dinámicamente donde no pueda editar el marcado, use esto.

        $(document).on(''pagebeforecreate'', function( e ) {
            $( "input, textarea, select", e.target ).attr( "data-role", "none" );
        });

Answer 3

Tengo demasiados lugares para cambiar las entradas y agregar data-role = "none". El siguiente código funciona para mí:

 <script>
        $(document).bind(''mobileinit'',function(){
            $.mobile.page.prototype.options.keepNative = "select,input";
        });        
    </script>
    <script src="http://code.jquery.com/mobile/1.4.2/jquery.mobile-1.4.2.min.js"></script>