隐藏在过滤后的jQuery listview中加载的数据

Hiding data loaded in a filtered jQuery listview

本文关键字：加载 数据 listview jQuery 过滤 隐藏      更新时间：2023-09-26

我有一个jQuery Mobile列表视图，它从服务器上的php文件加载<li>元素到列表视图。我已将此列表设置为可过滤的。然而，我想要的是，当页面加载列表不应该出现。我尝试了data-filter-reveal="true"，但当页面首次加载时，这不起作用。下面是我的代码结构:

<ul data-role="listview" data-filter="true" id="aa" data-filter-placeholder="Search ...">
<!-- Data loaded from server here -->
</ul>
<script>
$(function(){
$.get(
"file.php",
function(data){
    $('#aa').html(data)
    .listview('refresh');
});
});
</script>

不能评论，因为我没有50的声誉，但是:

你如何从你的php文件中添加<li>元素?

你是否手动添加ui-screen-hidden css类到<li>元素，因为你添加它们，因为这就是jQuery移动在过滤期间如何切换其可见性?

编辑,

在php文件中尝试添加ui-screen-hidden类到<li>元素。

<li class="ui-screen-hidden">
<?php 
  echo="The data you're writting in"; 
?>
</li>
相关文章：