jQuery的：-ListView不刷新

Question

问题：-

这是我的问题，当我分配$('#ulmember').attr( 'data-filter','true'); 。 即使我在listview没有得到search-bar 。即使在警报中显示listview data-filter属性时，我memsearch click得到true 。即使此属性不适用于listview 。并且此属性也适用于memsearch click 。我想要通过jQuery代码分配data-role="true" 。 因此，如果有人对我的问题有任何想法，请帮助我。

我的例子在这里

源代码：-

<div data-role="header">
    <div data-role="navbar" data-iconpos="right" >
        <ul>
            <li><a id="memsearch"  href="#" data-icon="search" style="padding:0px"><h2 id="groupname" style="margin:8px">Member List</h2></a></li>
        </ul>
    </div>
</div>
<div id="memberlist">        
    <ul id="ulmember" data-role="listview" data-filter-placeholder="Search Member..." data-inset="true">
        <li><a id="mem1"><h2>Member 1</h2></a></li>
        <li><a id="mem2"><h2>Member 2</h2></a></li>
        <li><a id="mem3"><h2>Member 3</h2></a></li>
        <li><a id="mem4"><h2>Member 4</h2></a></li>
    </ul>
</div>

jQuery代码：-

$(document).ready(function(){

    $("#memsearch").click(function(){

       alert($("#ulmember").attr("data-filter"));

        $('#ulmember').attr( 'data-filter','true');

        alert($("#ulmember").attr("data-filter"));
        $("#ulmember").listview('refresh');
    });
});

Answer 1

它按预期工作。 这样做：

HTML：

<div data-role="content">
    <div data-role="controlgroup" data-type="horizontal">
        <a href="#" class="ui-btn toggle">Show/Hide Filter</a>
    </div>
    <ul data-role="listview" data-filter-placeholder="Search Member..." data-inset="true" id="ulmember">
        <li><a href="#">Member 1</a>

        </li>
        <li><a href="#">Member 2</a>

        </li>
        <li><a href="#">Member 3</a>

        </li>
        <li><a href="#">Member 4</a>

        </li>
        <li><a href="#">Member 5</a>

        </li>
        <li><a href="#">Member 6</a>

        </li>
    </ul>
</div>

JS：

$("#ulmember").filterable({
    filterReveal: false
});
$(".ui-filterable").addClass("ui-screen-hidden");
$(".toggle").on("click", function () {
    $(".ui-filterable").toggleClass("ui-screen-hidden");
    $("ul li").removeClass("ui-screen-hidden");
    $("#ulmember").listview("refresh");
});

您可以在以下位置检查它： JSFIDDLE