使用jQuery Mobile的特定元素而不是其他元素

Question

是否有任何方法可以将jQuery Mobile仅用于某些功能，例如切换开/关切换但不接管整个CSS？

Answer 1

您可以使用原生表单元素：

• http://jquerymobile.com/demos/1.0rc2/docs/forms/forms-all-native.html

相关：

• Tell JQuery Mobile not to add classes?

Answer 2

您可以在元素上使用data-role="none"属性设置此元素，或者绑定到mobileinit事件，如下所示：

$(document).bind('mobileinit',function(){
    $.mobile.page.prototype.options.keepNative = "select, input.foo, textarea.bar";
});

注意如何向选择器添加类。

来自文档：

  

或者，如果您想在不添加的情况下阻止自动初始化   属性到您的标记，您可以自定义使用的选择器   通过设置页面插件来防止自动初始化   keepNative选项（默认为[data-role =“none”]。请务必   在绑定到mobileinit的事件处理程序中配置此选项   事件，以便它适用于第一页以及后续页面   已加载的页面。

有关此问题的文档可在此处找到：http://jquerymobile.com/demos/1.0rc2/docs/forms/docs-forms.html