个人中心
文章发布
退出
作者热门文章
- html - 出于某种原因，IE8 对我的 Sass 文件中继承的 html5 CSS 不友好？
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景？
26
4
我正在使用 jquerymobile。在列表上我有一个过滤器。当用户在其中输入内容时，它的过滤效果很好。但是，当我向列表中添加更多项目时，过滤不会刷新。
知道如何刷新过滤吗？ (重新筛选列表？)
谢谢
最佳答案
在将项目添加到列表后，像这样在搜索输入字段上触发更改事件。
$(".ui-input-search .ui-input-text").trigger("change");
示例:
<html>
<head>
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.0.1/jquery.mobile-1.0.1.min.css" />
<script src="http://code.jquery.com/jquery-1.6.4.min.js"></script>
<script>
$("#btn").live("click",function(){
$("#list").append("<li><a href='#'>100</a></li><li><a href='#'>200</a></li><li><a href='#'>400</a></li><li><a href='#'>500</a></li><li><a href='#'>1000</a></li>");
$("#list").listview("refresh");
$("#page").trigger("create");
$(".ui-input-search .ui-input-text").trigger("change");
});
</script>
<script src="http://code.jquery.com/mobile/1.0.1/jquery.mobile-1.0.1.min.js"></script>
</head>
<body>
<div id="page" data-role="page">
<div data-role="header">
<h1>Test Page</h1>
</div>
<div data-role="content">
<ul id="list" data-role="listview" data-inset="true" data-filter="true">
<li><a href="#">1</a></li>
<li><a href="#">12</a></li>
<li><a href="#">41</a></li>
<li><a href="#">8</a></li>
<li><a href="#">91</a></li>
<li><a href="#">65</a></li>
</ul>
<a data-role="button" id="btn">Add more</a>
</div>
</div><!-- /page -->
</body>
</html>
演示 - http://pastehtml.com/view/bnl7lpe3o.html
如果有帮助，请告诉我。
jQuery Mobile 1.4 更新过滤器行为已分离到一个 filterable 小部件中。您可以更新您的 ListView 内容并在一次滑动中重新运行过滤器:
$( ".listselector" ).filterable( "refresh" );
这样做的一个好处是可以立即过滤列表项。您不会像手动触发输入控件时那样，在过滤之前看到项目的瞬间出现视觉故障。参见 http://api.jquerymobile.com/filterable/#method-refresh
上面的代码将不再有效，因为 jQuery Mobile 会跟踪最后输入到过滤器中的文本，如果输入未更改则不会进行过滤。如果您确实想要触发输入控件，则需要以下 hack 来首先清除最后输入的输入:
$(".ui-input-search input").attr('data-lastval', '').trigger("change");
但是，请继续使用 filterable 函数。
关于javascript - jquerymobile 再过滤，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/9213992/
26
4
0
我有本地更改和远程更改。 有人告诉我必须先推，再 pull 。这背后有什么原因吗？ 最佳答案 那个人错了:正确的模型是pull-before-you-push，而不是相反。 当您pull时，git 将
我正在使用最新版本的 Flat UI Pro 1.3.2 ( http://designmodo.com/flat/ )，jQuery 插件 flatui-radiocheck v0.1.0 和 iO
我是一名优秀的程序员,十分优秀！