Listview：過濾器顯示 - 點擊更改圖標

默認情況下，jQM樣式過濾器會顯示帶有carat-r圖標的結果，有沒有辦法覆蓋這個，所以點擊它時會更改爲複選圖標？Listview：過濾器顯示 - 點擊更改圖標

<ul data-role="listview" data-filter="true" data-filter-reveal="true" data-filter-placeholder="Search fruits..." data-inset="true"> 
<li><a href="#">Apple</a></li> 
<li><a href="#">Banana</a></li> 
<li><a href="#">Cherry</a></li> 
<li><a href="#">Cranberry</a></li> 
<li><a href="#">Grape</a></li> 
<li><a href="#">Orange</a></li>

來源

2014-03-28 Kingyyy

的圖標是剛上的ListItem內的錨標記類，你可以打開項目點擊類：

<ul id="myList" data-role="listview" data-filter="true" data-filter-reveal="true" data-filter-placeholder="Search fruits..." data-inset="true"> 
    <li><a class="listItemClick" href="#">Apple</a></li> 
    <li><a class="listItemClick" href="#">Banana</a></li> 
    <li><a class="listItemClick" href="#">Cherry</a></li> 
    <li><a class="listItemClick" href="#">Cranberry</a></li> 
    <li><a class="listItemClick" href="#">Grape</a></li> 
    <li><a class="listItemClick" href="#">Orange</a></li> 
</ul> 

$("#myList").on("click", ".listItemClick", function(){ 
    $(this).removeClass("ui-icon-carat-r").addClass("ui-icon-check"); 
});

DEMO

來源

2014-03-28 13:05:17 ezanker

Listview：過濾器顯示 - 點擊更改圖標

回答

相關問題