如何突出显示在 jquery mobile 中搜索的单词?我正在使用带有 data-filter="true" 的折叠列表,它在搜索时效果很好,但是有很多文本,为了更好的用户体验,应该突出显示搜索的单词。
我试图实现这些 jquery 插件(不是 jquery mobile),但它没有工作:
http://www.jquery.info/spip.php?article50
http://www.htmldrive.net/items/show/833/on-page-text-highlighting-Search-with-jQuery.html
我在stackoverflow或网络上的任何地方都没有找到解决方案,所以现在我问希望能在这里得到一些帮助。
我现在使用的代码是这样的:
<div data-role="page" id="test"><p></p>
<ul data-role="listview" data-theme="b" data-filter="true">
<div data-role="collapsible" data-inset="false">
<h2>Look here</h2>
<li>
<div dara-role="content">
here is alot o text. This is searchable but should turn into yellow. </div>
</li></div>
<div data-role="collapsible" data-inset="false">
<h2>Look here to</h2>
<li><div data-role="content">
More text.
</div>
</li></div> </ul>