Làm thế nào tôi có thể dừng di động jQuery để áp dụng kiểu cho các phần tử biểu mẫu cụ thể của tôi

Question

Có thể hướng dẫn jQuery Mobile không tạo kiểu cho hộp nhập và nút gửi của tôi hay không. Tôi tốt với CSS tùy chỉnh của tôi. Kịch bản di động jQuery đang áp dụng kiểu riêng cho tất cả các phần tử của tôi.

cách khắc phục sự cố mà tôi đã thử là ghi đè những yếu tố đó trong css tùy chỉnh của tôi. Có chức năng nào khác mà tôi có thể làm được không? một số điều như thế này

$.ignoreStyles("button,text"); 

Answer 1

jQuery Mobile sẽ bỏ qua các yếu tố mà data-role thuộc tính được thiết lập để none. Do đó, bạn có thể chỉ cần thêm các thuộc tính này vào đánh dấu của mình:

<input type="text" name="foo" data-role="none" /> 
<button type="button" id="bar" data-role="none">Button</button> 

Answer 2

Điều này phù hợp với tôi.

$(document).bind("mobileinit", function() { 
    $.mobile.ignoreContentEnabled = true; 
}); 

<div data-enhance="false"> 
    <input type="checkbox" name="chkbox1" id="chkbox1" 
     checked /> 
    <label for="chkbox1">Checkbox</label> 
    <input type="radio" name="radiobtn1" id="radiobtn1" 
     checked /> 
    <label for="radiobtn1">Radio Button</label> 
    </div> 

Answer 3

giải pháp @angelokh đã làm việc cho tôi. Ngoài ra nhìn vào liên kết sau:

http://my.safaribooksonline.com/book/-/9781849517225/7dot-configurations/ch07s06_html

cũng chính là để thêm đoạn mã sau đây trước khi đưa jquery.mobile.js:

$(document).bind("mobileinit", function() { 
    $.mobile.ignoreContentEnabled = true; 
}); 

Answer 4

thử này

$(document).on('pagebeforecreate', function(e) { 
    $.mobile.ignoreContentEnabled=true; 
});