Question

我有一个jQuery Mobile列表视图，可以将<li>个元素从服务器上的php文件加载到listview中。我已将此列表设置为可过滤。但是，我想要的是，当页面加载时，列表不应出现。我尝试了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>

Answer 1

无法评论，因为我没有50个声望，但是：

如何从php文件中添加<li>个元素？

您是否手动将ui-screen-hidden css类添加到<li>元素中，因为您将其添加为jQuery Mobile在过滤期间切换其可见性的方式？

编辑 -

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

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

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

1 个答案: