如何停止jQuery移动应用样式到我的具体表单元素
是否有可能指示jQuery Mobile的样式我的input框和提交button。 我对自定义的CSS很满意。 jQuery手机脚本将自己的风格应用到我所有的元素。
我尝试的一个解决方法是重写我的自定义CSS中的这些元素。 有没有其他的function可以做到这一点? 有些事情是这样的
$.ignoreStyles("button,text");
jQuery Mobile将忽略其data-role
属性设置为none
元素。 因此,您可以简单地将这些属性添加到您的标记:
<input type="text" name="foo" data-role="none" /> <button type="button" id="bar" data-role="none">Button</button>
这对我有用。
$(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>
@angelokh解决scheme为我工作。 另外看下面的链接:
http://my.safaribooksonline.com/book/-/9781849517225/7dot-configurations/ch07s06_html
另外关键是在包含jquery.mobile.js之前添加以下脚本:
$(document).bind("mobileinit", function() { $.mobile.ignoreContentEnabled = true; });
尝试这个
$(document).on('pagebeforecreate', function( e ) { $.mobile.ignoreContentEnabled=true; });