如何清除JQuery Mobile列表搜索過濾器？

Question

我有一個JQuery Mobile（1.0rc1）應用程序，它具有實現了搜索過濾器的列表視圖。這與this樣本相似。

在某些條件下，我使用ajax調用動態地將其他項加載到列表中。發生這種情況時，我想清除在搜索過濾器中輸入的任何內容，否則我最終會得到一個部分過濾的列表。

我已經試過射擊清除按鈕是這樣的：

$('.ui-button-clear', $.mobile.activePage).click(); 

和清除這樣的形式：

$("form > input", $.mobile.activePage).val(''); 

但既不工作。有人能夠啓發我以正確的方式來完成這個任務嗎？

Answer 1

您應該能夠清除與清除searchfilter

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

編輯：要更新列表中，您也將有觸發對searchfilter「變」 -event：

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

JSFiddle

Answer 2

我使用下面的代碼：

$("form")[0].reset(); 

[0]指向DOM元素方法。 也看到How to reset (clear) form through JavaScript?

Answer 3

，如果你談論的jQuery Mobile的列表視圖，那麼你需要這個

$('#autocomplete li').click(function() { 
            $('.ui-input-clear').trigger("click"); 
           });