jQuery的： - 列表视图不刷新

Question

问题： -

这里我的问题是，当我分配$('#ulmember').attr('data-filter','true');。即使我不是让我search-barlistview。甚至当我在警报显示listview data-filter属性然后我得到true。即使这个属性上listview。而我在memsearch click。我将这个属性要通过jQuery来分配data-role="true"不适用 码。所以如果有人对我的问题有任何想法，请帮助我。

我的例子是Here

源代码： -

<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