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

Posted 2023-05-09

【中文标题】JQM 弄乱了选择组合框的外观和功能

【英文标题】：JQM is messing up look and function of select combobox

【发布时间】：2019-06-11 12:34:47

【问题描述】：

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

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

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

如果我从 DevTools 控制台（Chrome 的 FF）的页面中删除它，并将原始选择更改为 display: normal;，我会在没有任何增强的情况下恢复选择。

我希望选择看起来像 JQM 演示页面上的那样。

【问题讨论】：

我还不能在这里放置图片。所以这就是链接看起来像这样的原因。

【参考方案1】：

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

有几种方法可以解决这个问题：

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

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

Here 你可以找到工作示例。

【讨论】：

data-role=”none” 成功了。非常感谢@Gajotres！