Listview: Filter Reveal - значок изменения при нажатии

Question

По умолчанию стили jQM отфильтровывают результаты с помощью значка carat-r, есть ли способ переопределить это, поэтому, когда он щелкнет, он изменится на значок проверки?

<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> 

Answer 1

значок просто класс на якорь тег внутри 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