0

我有一个带有 data-role="listview" 和 data-filter="true" 的 div，它过滤了我的可折叠 div 的“列表”。过滤器功能非常好用，但不会突出显示文本。所以我想知道如何修改过滤器以添加高亮功能。JQM 文档有一段用于更改列表项的过滤方式（在此处查看），但我无法让它工作，而且我对原始 javascript 不是很有经验。

我的代码示例在这里：

<div data-role="collapsible-set">
    <div data-role="listview" data-filter="true">
        <div class="collapsibleDirectory" data-role="collapsible">
            <H3>Accounting</H3>
            <p>Tyee Carr, Visiting professor<br />
            Phone: <a href="tel:3605469264">360-546-9264</a><br />
            Location: VCLS 308 A<br />
            Email: <a href="mailto:tjcarr@vancouver.wsu.edu">tjcarr@vancouver.wsu.edu</a></p>

            <p>Jane Cote, Acedemic Director - College of Business<br />
            Phone: <a href="tel:3605469756">360-546-9756</a><br />
            Location: VCLS 308 D<br />
            Email: <a href="mailto:janecote@vancouver.wsu.edu">janecote@vancouver.wsu.edu</a></p>

            <p>Claire Kamm Latham, Associate Professor<br />
            Phone: <a href="tel:3605469757">360-546-9757</a><br />
            Location: VCLS 308 Q<br />
            Email: <a href="mailto:clatham@vancouver.wsu.edu">clatham@vancouver.wsu.edu</a></p>

            <p>Brian Routh, Faculty and IMA Faculty Advisor<br />
            Phone: <a href="tel:3605469338">360-546-9338</a><br />
            Location: VCLS 308 T<br />
            Email: <a href="mailto:routh@vancouver.wsu.edu">routh@vancouver.wsu.edu</a></p>

            <p>Debra Sanders, Professor, Associate Director, Master of Program<br />
            Phone: <a href="tel:3605469147">360-546-9147</a><br />
            Location: VCLS 308 F<br />
            Email: <a href="mailto:dsanders@vancouver.wsu.edu">dsanders@vancouver.wsu.edu</a></p>

            <p>Ben Kulp, Acedemic Coordinator<br />
            Phone: <a href="tel:3605469551">360-546-9551</a><br />
            Location: VCLS 308 B<br />
            Email: <a href="mailto:van.cbadvising@vancouver.wsu.edu">van.cbadvising@vancouver.wsu.edu</a></p>

            <p>Mary Stender, Acedemic Coordinator<br />
            Phone: <a href="tel:3605469751">360-546-9751</a><br />
            Location: VCLS 308 C<br />
            Email: <a href="mailto:mstender@vancouver.wsu.edu">mstender@vancouver.wsu.edu</a></p>
        </div>
    </div>
</div>

完整的项目和源代码可以在这里找到：www.dtc-wsuv.org/mscoggins/ASWSUV/

4

1 回答 1

0

请尝试复制粘贴此馅饼.. http://pastebin.com/5UZEaAHS

它使用来自这里的插件http://johannburkard.de/resources/Johann/jquery.highlight-4.closure.js

于 2013-01-01T03:43:55.027 回答