gpt4 book ai didi

javascript - 添加动态数据时,jQuery Mobile 自动完成显示列表

转载 作者:行者123 更新时间:2023-11-30 13:04:22 25 4
gpt4 key购买 nike

这是 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>

这非常有效。如果我现在添加一个新的列表项,那么该项目将被显示而不是被隐藏。所以我有一个文本输入框和一个包含一个项目(我添加的新项目)的 ListView 。

这是我添加的代码

$(document).ready(function(){
$('ul').append('<li><a href="index.html">Sample</a></li>');
$('ul').listview('refresh');
});

搜索并清除文本输入字段后,新添加的项目被隐藏。如何确保用户永远不会看到动态添加的数据。 (在我的例子中大约有 50 个条目)

最佳答案

我刚刚检查了为我添加的 LI 项目生成的 HTML 代码,我发现 LI 没有为其设置 ui-screen-hidden 类。所有其他 LI 项目都有这套。

所以我修改了这里显示的代码

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

关于javascript - 添加动态数据时,jQuery Mobile 自动完成显示列表,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16239660/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com