jQuery移动筛选器列表，包括对除法器的搜索

我正在开发一个列表，在jQueryMobile中的项目之间有一些分隔符。我还使用property data filter=“true”放置了一个搜索框。但是，筛选器仅适用于列表项，而不适用于分隔符，并且希望能够按分隔符内容进行筛选

我在JQM论坛上看到了我想要的确切行为，我不能重复（我想是因为jQuery版本）

有人能帮我吗

---

提前谢谢

我认为您的问题可以通过对jQuery移动文件进行一些更改来解决

查找有关过滤器的代码（在7320行附近），找到for语句，然后删除代码的以下部分：

if ( item.is( "li:jqmData(role=list-divider)" ) ) {

    item.toggleClass( "ui-filter-hidequeue" , !childItems );

    // New bucket!

    childItems = false;

} else

这适用于jquerymobile1.1.1和jquerymobile1.2.0alpha

---

我建议您使用未压缩版本来更改此设置。

如果您想说您想根据分隔器的内容过滤分隔器的“子项”，除了单个列表项内容之外，您还想在每个列表项上使用数据过滤器文本选项。将分隔符文本和listitem的文本放在字符串中

<ul data-role='listview' data-filter='true'>
  <li data-role="list-divider">Tallahassee</li>
  <li data-filtertext="Tallahassee Dog Et Al">Dog Et Al</li>
  <li data-filtertext="Tallahassee Jim and Milts">Jim and Milts</li>
  <li data-role="list-divider">Atlanta</li>
  <li data-filtertext="Atlanta The Varsity">The Varsity</li>
</ul>

塔拉哈西
Dog Et Al
Jim and Milts
亚特兰大
大学

我也遇到了同样的问题，我用JQM 1.4.2解决了这个问题，方法是在过滤时使用data filtertext属性强制列表项与其包装列表分隔符文本匹配

<form class="ui-filterable">
    <input id="filterBasic-input" data-type="search">
</form>

<ul data-role="listview" data-theme="c" data-input="#filterBasic-input" data-filter-theme="a" data-filter="true" data-filter-placeholder="Filtrer..." data-inset="true">
    <li data-role="list-divider" >
        Countries
    </li>

    <li data-filtertext="Countries">
        France
    </li>

    <li data-filtertext="Countries">
        England
    </li>

    <li data-filtertext="Countries">
        Cameroon
    </li>

    <li data-role="list-divider" >
        Fruits
    </li>

    <li data-filtertext="Fruits">
        Orange
    </li>

    <li data-filtertext="Fruits">
        Mango
    </li>

    <li data-filtertext="Fruits">
        Pineapple
    </li>

</ul>

国家


法国


英格兰


喀麦隆


水果


橙色


芒果


菠萝

希望有帮助