1

如何突出显示在 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>  
4

0 回答 0