是否有办法禁用 JQuerymobile 库中选择元素的样式

Question

我希望在我的应用程序中拥有一个本机选择菜单，因此如果我可以设置一个像“data-theming =“none””这样的标志来标记此控件不被jquery mobile设置样式，那就太好了。这可能吗？

我查看了 http://code.jquery。 com/mobile/1.0a2/jquery.mobile-1.0a2.js 可以看到它将 selectmenu() 函数应用于所有选择元素（除了 ui-slider 元素）。

我对 JQuery 很陌生，我的问题是，是否可以用我自己的不执行任何操作的函数覆盖 JQuery 移动库中的 selectmenu() 函数，如果可以，我该如何执行此操作？我的另一种选择是放弃 CDN 托管的 JQueryMobile 并下载并编辑现有的 JQueryMobile。

提前致谢！

Answer 1

data-role="none"

http://jquerymobile.com /demos/1.0b1/#/demos/1.0b1/docs/forms/forms-all-native.html

Answer 2

data-role="nojs" 应该可以解决问题。

此属性使 jquery mobile 跳过该元素及其内容。

作为一种解决方法，我建议：

将选择内容包装在一个 div 中，您可以轻松找到它并向页面添加类似这样的内容：

$(function(){
$d=$('#thedivthere');
$s=$d.find('select').attr('class','').clone();
$d.empty().append($s);
});

jquery mobile 不会覆盖此内容，因为稍后会添加此内容。它会删除 jqm 添加的所有类。