jQueryMobile listview带过滤器显示,点击显示项目


哈哈哈哈
2025-03-25 08:31:38 (9天前)
  1. 我有一个listview创建


jqueryMobile
</跨度>
使用数据过滤器显示功能。此功能隐藏列表元素,并在您键入时显示与输入字符匹配的元素。我的数据来源是……

2 条回复
  1. 0# 别闹 | 2019-08-31 10-32



    没有开箱即用的解决方案,但是,您可以执行以下操作。



    什么时候

    input



    重点

    ,设定

    .listview( “option”, “filterReveal”, true );

    并通过添加手动隐藏所有列表视图项

    ui-screen-hidden

    jQM课程。什么时候

    模糊

    ,扭转之前的行动。




    注意
    </强>


    filterReveal

    在jQM 1.4.0中已弃用,将在1.5.0中删除。




    1. var list = $(“#list”);

    2. $(“input”).on(“focus”, function () {
      $(this).val(“”);
      list.listview(“option”, filterReveal”, false);
      list.children().removeClass(“ui-screen-hidden”);
      list.listview(“refresh”);
      }).on(“keydown”, function () {
      list.listview(“option”, filterReveal”, true);
      list.children().addClass(“ui-screen-hidden”);
      list.listview(“refresh”);
      });

    3. </code>





    演示

    </强>



登录 后才能参与评论