jquery移动可搜索数据隐藏

时间:2012-09-21 15:50:22

标签: jquery search jquery-mobile

http://jquerymobile.com/test/docs/lists/lists-search.html

我想用jquery mobile创建这样的过滤器,而不必查看数据但只显示过滤器的结果

1 个答案:

答案 0 :(得分:3)

编辑:最后我收到了这段代码。

jQuery的:

$(document).ready(function() {
    $('#mylist li').addClass('ui-screen-hidden');

    $('input[data-type="search"]').keyup(function() {
        if ($(this).val() === '') {
            $('#mylist li').addClass('ui-screen-hidden');
        } else {
            $('#mylist li').removeClass('ui-screen-hidden');
        }

        $(this).trigger('change');
    });

});​

链接:http://jsfiddle.net/6Vu4r/206/