如何停止jQuery移动应用样式到我的具体表单元素

是否有可能指示jQuery Mobile的样式我的input框和提交button。 我对自定义的CSS很满意。 jQuery手机脚本将自己的风格应用到我所有的元素。

我尝试的一个解决方法是重写我的自定义CSS中的这些元素。 有没有其他的function可以做到这一点？ 有些事情是这样的

$.ignoreStyles("button,text"); 

Answer 1

jQuery Mobile将忽略其data-role属性设置为none元素。 因此，您可以简单地将这些属性添加到您的标记：

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

Answer 2

这对我有用。

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

@angelokh解决scheme为我工作。 另外看下面的链接：

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

另外关键是在包含jquery.mobile.js之前添加以下脚本：

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

Answer 4

尝试这个

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