Zapobieganie jquery mobile z elementu stylizacji

Question

Mam pole wyboru, które chcę ukryć na stronie. Moja oczywista pierwsza próba była następująca:

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

Jednak zauważyłem jquery mobile automagicznie otacza pole wyboru w div, która wygląda następująco:

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

Przypuszczam, że istnieje jakaś data- elementu to uniemożliwiłoby tę dodatkową stylizację, ale nie znalazło jej w dokumentach lub w innym miejscu. Łatwo jest przesłonić kod .ui-checkbox w css, aby go również ukryć, ale wolałby bardziej jquery mobilny standard. Czy coś takiego istnieje?

Answer 1

atrybut, który zapobiega stylizacji jest data-role="none"

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

Zobacz Jquery doc: "Zapobieganie automatycznej inicjalizacji elementów formy"

Answer 2

dla przyszłych użytkowników.

Tylko w przypadku, gdy chcesz wyłączyć dla każdego elementu formularza lub formularze są ładowane dynamicznie, gdzie nie można edytować znaczników, użyj tego.

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

Answer 3

mam zbyt wiele miejsca, aby zmienić i dodać dane wejściowe-role = „none” Poniższy kod działa dla mnie:

<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>