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