jQueryMobile“过滤器选择”在移动设备上不起作用答案

【问题标题】：jQueryMobile 'Filter Select' not working on mobile devicesjQueryMobile“过滤器选择”在移动设备上不起作用
【发布时间】：2013-10-30 15:00:00
【问题描述】：

我们目前在我们的 webApp 上实现了 jQueryMobile 提供的“选择过滤器”功能。这在桌面浏览器上运行良好，但不适用于移动设备。

例子：

<form>
    <input data-type="search" id="searchForSelect">
</form>
<select id="anotherSelect" data-filter="true" data-input="#searchForSelect">
    <option value="A">Option A</option>
    <option value="B">Option B</option>
    <option value="C">Option C</option>
</select>

它根本不会过滤我的内容。没有错误，没有崩溃，只是没有过滤器。

如果您在移动设备上浏览到以下 URL：Link。您将看到 select 元素上的过滤器不起作用（因此在我自己的代码中这不是失败）。

有没有其他人遇到过这个错误？有解决办法吗？

谢谢。

【问题讨论】：

在 iOS 下工作正常。您使用的是哪种移动设备？旧的 android 操作系统可能不支持完整的 jquerymobile 功能。
我在 iMac 上使用 iOS 模拟器 (iPad)。我还使用 Galaxy tab 2 10.1 。似乎无法让它工作。
galaxy 选项卡上有哪个 android 版本？你用什么浏览器？
过滤器将.ui-screen-hidden { display: none !important }添加到选项中，看来Safari不支持option上的display: none。
这里有一个变通方法，您可以使用 disable 选项而不是隐藏它们，它适用于除 IE7 和 jsfiddle.net/Palestinian/Kezn4987654322@ 之前的所有浏览器之外的所有浏览器

标签： html jquery-mobile mobile

【解决方案1】：

我能够在运行 iOS 5.1.1 的旧 iPad 上复制您的问题。似乎问题可能与该特定版本的 jQuery Mobile 有关。当我尝试位于this URL 的示例时，我没有遇到任何问题。

【讨论】：