搜索过滤器未重置jQuery Mobile

Question

I have added a the search filter attribute to my jquery mobile app like this:

data-filter="true"

When i type in the search bar and it automatically filters the posts I need, I click on one of the articles but when I return back to homepage it only displays the filter and not reload the entire content.

The is my homepage button code:

<li><a href="#blog" class="p_ft">Home</a></li>

How do I get around this.

Thanks

Answer 1

You could reset the filter every time the homepage is about to be shown:

$(document).on("pagebeforeshow", "#blog", function() {
    $(this).find(".ui-listview-filter input").val("").trigger("change");
});