使用jQuery Mobile 1.5过滤无序列表

Question

我正在将应用程序的jQuery和jQuery Mobile升级到最新版本，我不得不转到jQuery Mobile 1.5才能升级，因此我的应用程序的搜索框已经消失。

根据1.5升级指南，它说要将数据角色更改为数据用户界面角色，但当我这样做时，应用程序上的所有样式都会中断。

这是代码显示不正确的部分。。。

<div id="wifi">
<ul id="selectWifi" data-role="listview" data-filter="true" data-filter-placeholder="Search AP.." data-inset="true">
</ul>
</div>

数据过滤器属性将在列表视图的顶部创建一个搜索框，这样您就可以过滤无序列表中的所有项目，现在搜索框根本不会出现。

这是无序列表的构建位置。。。

newhtml=$('<li class="liSSID" id="' + id + '"   ssid="' + ssid + '"><a class="aSSID" href="#">' + ssid +  
'<span style="float:right">' + 
band + 
'<img id="' + id + "_check_img" + '" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" height="32" width="32"/>' +
rssiToBar(quality, signal) + '</span></a></li>')
newhtml.data("wifi_data",data)
$("#selectWifi").append(newhtml)

我尝试过的东西：

1. 将数据角色更改为数据用户角色
2. 从1.5 rc1切换到1.5 alpha1

进口：

jquery.mobile-1.5.0-rc1.min.css
jquery-3.6.1.min.js
jquery.mobile-1.5.0-rc1.min.js

Answer 1

我坚信您需要自己添加搜索输入，内置的搜索输入注入已经删除。这将起作用：

<form class="ui-filterable">
<input id="selectWifi-input" placeholder="Search AP.." data-type="search">
</form>
<ul id="selectWifi" data-role="listview" data-filter="true" data-input="#selectWifi-input"></ul>