JQM 搞乱了 select 组合框的外观和功能

JQM is messing up look and function of select combobox

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

我曾尝试一次禁用所有 JS 和 CSS。 我试着只留下熊的最低限度。 我禁用了我的自定义样式 css 和我使用的 JQ 插件。 我下载了新的 Jquery 移动文件并包含了这些文件。 我已经从 JQM 演示页面将我的 select 切换为标准 select。 这对 select 的外观和行为没有任何影响。 select(我的或 JQM 演示)获得显示 none,JQM 使其进入另一个(拍摄更好看)select。

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

如果我从 DevTools 控制台的页面中删除它(Chrome 的 FF)并将原来的 select 更改为 display: normal; 我会得到 select没有增强功能。

我希望 select 看起来像在 JQM 演示页面上一样。

如果我没理解错的话,你的问题是 jQuery 移动设备正在设计 select 框,而你希望它保持无样式?

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

  1. data-enhance=”false” 属性添加到所有您不想 jQuery 移动到样式的元素。您可以在一个元素或父元素上使用它,jQuery Mobile 也会阻止所有子元素上的标记增强。

  2. 如果只想在一个元素上执行此操作,请使用此属性:data-role=”none”

Here 您可以找到工作示例。