jQuery Mobile的自动完成显示时动态数据添加

这是jQuery Mobile的演示页jQuery Mobile的自动完成显示时动态数据添加

<!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'); 
});

进行搜索和清除文本输入字段新增项目是隐藏后的代码。如何确保用户永远不会看到动态添加的数据。（在我的情况下大约50个条目）

来源

2013-04-26 Rahul Kadukar

你想隐藏的动态添加的项目显示？ – Omar 2013-04-26 16:04:31

是的，我想隐藏动态添加的列表视图项 – 2013-04-26 18:52:13

我刚刚检查了正在为LI项目生成的HTML代码，我看到LI没有类ui-screen-hidden class set为了它。所有其他李项目都有这个集合。

所以我修改了代码如下

$(document).ready(function(){ 
    $('ul').append('<li class="ui-screen-hidden"><a href="#">Sample</a></li>'); 
    $('ul').listview('refresh'); 
});

来源

2013-05-06 08:38:00

jQuery Mobile的自动完成显示时动态数据添加

回答

相关问题