Làm cách nào để xóa bộ lọc tìm kiếm danh sách trên JQuery Mobile?

Question

Tôi có ứng dụng JQuery Mobile (1.0rc1) có chế độ xem danh sách với bộ lọc tìm kiếm được triển khai. Nó tương tự như mẫu this.

Trong các điều kiện nhất định, tôi sẽ tự động tải các mục bổ sung vào danh sách có cuộc gọi ajax. Khi điều này xảy ra, tôi muốn xóa mọi thứ được nhập trong bộ lọc tìm kiếm, nếu không tôi sẽ kết thúc với danh sách được lọc một phần.

Tôi đã thử bắn vào nút rõ ràng như thế này:

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

và thanh toán bù trừ các hình thức như thế này:

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

nhưng không phải làm việc. Ai đó có thể khai sáng cho tôi một cách thích hợp để thực hiện điều này?

Answer 1

Bạn sẽ có thể xóa bỏ searchfilter với

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

Edit: Để cập nhật danh sách các bạn cũng sẽ phải kích hoạt "thay đổi" -event trên searchfilter:

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

JSFiddle

Answer 2

Tôi sử dụng mã sau:

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

[0] trỏ đến phương pháp phần tử DOM. Xem thêm How to reset (clear) form through JavaScript?

Answer 3

nếu bạn nói về Jquery listview thoại di động, sau đó bạn cần

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