关闭jQuery Mobile的<select>下拉样式可以通过以下步骤实现:
<select class="no-jqm-style">
<option value="option1">Option 1</option>
<option value="option2">Option 2</option>
<option value="option3">Option 3</option>
</select>
$(document).on("mobileinit", function() {
$.mobile.selectmenu.prototype.options.nativeMenu = true;
});
$(document).on("pagecreate", function() {
$(".no-jqm-style").selectmenu("refresh");
});
这段代码的作用是将jQuery Mobile的<select>下拉样式设置为原生样式。第一个代码块在页面初始化时设置了全局的选项,将nativeMenu
属性设置为true
,表示使用原生下拉样式。第二个代码块在页面创建时,针对带有"no-jqm-style"类的<select>元素,使用selectmenu("refresh")
方法刷新下拉样式。
这样,就可以关闭jQuery Mobile的<select>下拉样式,使用浏览器默认的样式。
推荐的腾讯云相关产品:腾讯云移动开发平台(https://cloud.tencent.com/product/mmp)
领取专属 10元无门槛券
手把手带您无忧上云