如何清除或重置列表视图中的搜索过滤栏？

Question

我在高低处寻找这个问题的答案。我有一个使用列表视图搜索过滤器的应用程序。但是，当用户离开页面时，搜索过滤器会“记住”之前的搜索。

我的问题：当用户离开页面时如何重置搜索过滤器？下次打开页面时，我希望清除搜索过滤器，以便再次显示整个列表并且“忘记”之前的搜索？

Answer 1

首先你需要像这样清空它：

$('input[data-type="search"]').val("");
$('input[data-type="search"]').trigger("keyup");

工作 jsFiddle 示例：http : //jsfiddle.net/Gajotres/fEV3J/

HTML :

<div data-role="content">
    <div data-role="fieldcontain">    
        <ul data-role="listview" data-filter="true">
            <li><a href=#>Cat</a></li>
            <li><a href=#>Dog</a></li>
            <li><a href=#>Mouse</a></li>
        </ul>
    </div>
    <div data-role="fieldcontain">       
       <input type="button" value="Clear" id="clear-filter"/>
    </div>
</div>

JS：

$(document).on('click', '#clear-filter', function(){       
    $('input[data-type="search"]').val('');
    $('input[data-type="search"]').trigger("keyup");
});