JQM弄乱了选择组合框的外观和功能

Question

我已经为此工作了几天。而且我不明白为什么我的选择看起来和行为如此奇怪。

我尝试一次禁用所有JS和CSS。 我试图只留下最小的熊。 我禁用了自定义样式的CSS和使用的JQ插件。 我下载了新的Jquery Mobile文件并包含了这些文件。 我已经从JQM演示页面上将我的选择切换为标准选择。 这对选择的外观和行为没有影响。 该选择（我或JQM演示）没有显示，而JQM使其进入另一个（拍摄效果更好）选择。

此外，当我选择一个选项时，它将保持打开状态，并且如您在图像中看到的那样非常宽。使它看上去有些正常的唯一方法是刷新页面。

如果我从DevTools控制台（Chrome的FF）的页面中删除了此选项，然后将原始选择更改为display: normal;，那么我选择的内容没有任何增强。

我希望选择的外观与JQM演示页面上的一样。

Answer 1

如果我对您的理解正确，那么您的问题是jQuery Mobile正在对选择框进行样式设置，而您希望它保持未样式化？

有几种解决方法：

1. 向您不希望jQuery Mobile样式化的所有元素添加 data-enhance =“ false” 属性。您可以在一个元素或父元素上使用它，而jQuery Mobile也会在所有子元素上阻止标记增强。

2. 如果只想对一个元素执行此操作，请仅使用以下属性： data-role =“ none”

Here，您可以找到有效的示例。