evitar jquery mobile desde el elemento de estilo

Question

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

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

Sin embargo, me di cuenta de jQuery Mobile envuelve automagicamente la casilla de verificación en un div que tiene este aspecto:

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

quiero suponer que hay algún tipo de data- elemento eso evitaría este estilo adicional, pero no lo ha encontrado en los documentos ni en ningún otro lado. Es bastante fácil anular el .ui-checkbox en css para ocultarlo también, pero preferiría un enfoque más estándar móvil de jquery. ¿Existe tal cosa?

Answer 1

El atributo que impide estilo es data-role="none"

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

Véase el Jquery doc: "Prevención de auto-inicialización de elementos de formulario"

Answer 2

para los futuros usuarios.

En caso de que desee deshabilitar para cada elemento de formulario o sus formularios se carguen dinámicamente donde no pueda editar el marcado, utilícelo.

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

Answer 3

Tengo demasiados lugares para cambiar las entradas y add 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>