Javascript jQuery Mobile autocomplete在添加动态数据时显示列表
这是jQuery移动演示页面上显示的自动完成示例Javascript jQuery Mobile autocomplete在添加动态数据时显示列表,javascript,jquery,jquery-mobile,autocomplete,dynamic-data,Javascript,Jquery,Jquery Mobile,Autocomplete,Dynamic Data,这是jQuery移动演示页面上显示的自动完成示例 <!DOCTYPE html> <html> <head> <title>Page Title</title> <link rel="stylesheet" href="http://code.jquery.com/mobile/1.3.0/jquery.mobile-1.3.0.min.css" /> <script src="http
<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.3.0/jquery.mobile-1.3.0.min.css" />
<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<script src="http://code.jquery.com/mobile/1.3.0/jquery.mobile-1.3.0.min.js"></script>
<script>
</script>
</head>
<body>
<div data-role="page" style="max-height:240px; min-height:240px;">
<div data-role="content" >
<ul data-role="listview" data-filter="true" data-filter-reveal="true" data-filter-placeholder="Search fruits..." data-inset="true">
<li><a href="#">Apple</a></li>
<li><a href="#">Banana</a></li>
<li><a href="#">Cherry</a></li>
<li><a href="#">Cranberry</a></li>
<li><a href="#">Grape</a></li>
<li><a href="#">Orange</a></li>
</ul>
</div>
</div>
</body>
</html>
页面标题
这非常有效。如果我现在添加一个新的列表项,那么该项将显示而不是隐藏。所以我有一个文本输入框和一个列表视图,其中有一个条目(我添加的新条目)
下面是我添加的代码
$(document).ready(function(){
$('ul').append('<li><a href="index.html">Sample</a></li>');
$('ul').listview('refresh');
});
$(文档).ready(函数(){
$('ul')。追加('li>');
$('ul').listview('refresh');
});
在执行搜索并清除文本输入字段后,新添加的项将被隐藏。如何确保用户永远不会看到动态添加的数据。(在我的例子中大约有50个条目)我刚刚检查了为我正在添加的LI项生成的HTML代码,我发现LI没有为其设置类ui屏幕隐藏。所有其他李项目都有这一套 所以我修改了代码,如图所示
$(document).ready(function(){
$('ul').append('<li class="ui-screen-hidden"><a href="#">Sample</a></li>');
$('ul').listview('refresh');
});
$(文档).ready(函数(){
$('ul').append('li class=“ui screen hidden”>);
$('ul').listview('refresh');
});
是否要隐藏动态添加的项目?是,我要隐藏动态添加的listview项目