过滤动态下拉列表不适用于移动设备（jQuery Mobile）

Question

我有一个包含两种列出内容的页面。一个列为可导航列表，一个在下拉列表中显示。

两者都是动态构建的，并在运行时注入到DOM中。

我在两个商家信息中添加了搜索字段。在桌面客户端（Chrome）上，使用此字段可以过滤下拉列表和常规列表。

但是当我使用移动设备（尝试使用Android / IOS）时，只有第一次过滤才有效，应该过滤下拉列表的设备不适用于移动设备。当我打开它时，列表中没有任何事情发生......

是什么给出的？

首次下拉代码（适用于桌面浏览器和移动设备）：

<form>
   <input data-type="search" id="searchForRound" data-clear-btn="false">
</form>

<div data-role="content" id="roundslist" data-filter="true" data-input="#searchForRound">
   <!-- /content -->
</div>

作为下拉选择器的第二个下拉列表的代码（仅在桌面浏览器中工作，而不是在移动设备中）：

<form>
   <input data-type="search" id="searchForLocation" data-clear-btn="false">
</form>

<form enctype="multipart/form-data" id="savefollowup" name="savefollowup"  action="" method="POST">
   <label for="wo_location">Placering:</label>
   <select id="wo_location" name="wo_location" data-filter="true" data-input="#searchForLocation">
      <!-- Dynamic insert here, based on selected department -->
   </select>

有关为什么这不适用于移动设备的任何建议？