Jak zatrzymać aplikację jQuery mobile, aby zastosować style do określonych elementów formularza?

Question

Czy można polecić jQuery Mobile, aby nie stylizowała mojego pola wprowadzania i wysyłania? Jestem dobry z moim niestandardowym CSS. Skrypt mobile jQuery stosuje własny styl do wszystkich moich elementów.

Jednym z obejść, które próbowałem, jest przesłonięcie tych elementów w moim niestandardowym css. Czy są jakieś inne funkcje, w których mogę to zrobić? niektóre rzeczy jak ten

$.ignoreStyles("button,text"); 

Answer 1

jQuery Mobile będzie ignorować elementy, których data-role atrybuty są ustawione na none. Dlatego po prostu dodaj te atrybuty do znaczników:

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

Answer 2

To działa dla mnie.

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

@angelo rozwiązanie zadziałało dla mnie. Również spojrzeć na poniższy link:

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

również kluczem jest dodać następujący skrypt przed tym jquery.mobile.js:

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

Answer 4

spróbować tej

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