0

折りたたみ可能な div の「リスト」をフィルタリングする data-role="listview" と data-filter="true" の div があります。フィルター機能は非常にうまく機能しますが、テキストが強調表示されません。そのため、フィルターを変更してハイライト機能を追加する方法を知りたいです。JQM ドキュメントには、リスト アイテムのフィルタリング方法を変更するための段落があります (こちらを参照)。

ここに私のコードのサンプル:

<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 に答える