ngăn chặn di động jquery từ yếu tố tạo kiểu

Question

Tôi có một hộp kiểm mà tôi muốn ẩn trên trang. rõ ràng nỗ lực đầu tiên của tôi là như sau:

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

Tuy nhiên, tôi nhận thấy jquery mobile Automagically kết thúc tốt đẹp vào hộp kiểm trong một div trông như thế này:

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

tôi sẽ giả định rằng có một số loại data- yếu tố có thể ngăn chặn kiểu dáng bổ sung này, nhưng không tìm thấy nó trong tài liệu hoặc ở nơi khác. Thật dễ dàng, đủ để ghi đè lên .ui-checkbox trong css để ẩn nó, nhưng sẽ thích một cách tiếp cận tiêu chuẩn di động jquery hơn. Có một điều như vậy tồn tại?

Answer 1

Thuộc tính có thể ngăn chặn phong cách là data-role="none"

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

Xem Jquery doc: "Ngăn chặn tự động khởi tạo các yếu tố hình thức"

Answer 2

Đối với người dùng trong tương lai.

Chỉ trong trường hợp bạn muốn vô hiệu hóa cho mọi thành phần biểu mẫu hoặc biểu mẫu của bạn đang tải động mà bạn không thể chỉnh sửa đánh dấu sử dụng tính năng này.

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

Answer 3

tôi có quá nhiều nơi để thay đổi đầu vào và thêm dữ liệu-role = "none" Các mã sau đây làm việc cho tôi:

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