jquery - リストビューの検索フィルター バーをクリアまたはリセットする方法は?

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");
});