PROSAGA码农传奇-jqueryMobile-jQueryMobile listview带过滤器显示，点击显示项目

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

作者: 哈哈哈哈
发布时间: 2024-06-15 03:53:17 (20天前)
转自：

<div class =“post-text”itemprop =“text”>
  
    没有开箱即用的解决方案，但是，您可以执行以下操作。
  
  
    什么时候
     <code>
 input
 </code>
     是
    
      重点
    
    ，设定
     <code>
 .listview( "option", "filterReveal", true );
 </code>
     并通过添加手动隐藏所有列表视图项
     <code>
 ui-screen-hidden
 </code>
     jQM课程。什么时候
    
      模糊
    
    ，扭转之前的行动。
  
  
    的
      注意
    </强>
    ：
    
      filterReveal
    
     在jQM 1.4.0中已弃用，将在1.5.0中删除。
  
   <pre>
 <code>
 var list = $("#list");

$("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");
});

</code>
 </pre>
  <BLOCKQUOTE>
    
      的
        <a href="http://jsfiddle.net/Palestinian/5zcB8/" rel="nofollow">
          演示
        </A>
      </强>
    
  </BLOCKQUOTE>
</DIV>