如何阻止jQuery mobile将样式应用于我的特定表单元素

Question

是否可以指示jQuery Mobile不设置输入框的样式并提交按钮。我很喜欢我的自定义CSS。 jQuery移动脚本将自己的风格应用于我的所有元素。

我试过的一个解决方法是覆盖我的自定义CSS中的那些元素。我可以做任何其他功能吗？像这样的事情

$.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解决方案为我工作。另请查看以下链接：

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;
});