jsFiddle上的示例代码:http://jsfiddle.net/MqDFt/6/
在此背景上,它是一个对话框窗口,在用户开始输入搜索查询后,它会显示找到的许多结果。这是将从PHP通过AJAX返回的结果的示例:
<div data-role='collapsible' data-mini='true'>
<h3>appcent.com<span style='float: right;margin-top: -16px;padding-right: 10px;'>(1)</span></h3>
<ul data-role='listview'>
<li><a href='adv_dns_displayResults.php?lid=87e2a2ef68c71c220d6a519ab6d668b2'><span style='float: left;'>appcent.com</span><span style='float: right;'>2012-01-30 19:02:46</span></a></li>
</ul>
</div>
<div data-role='collapsible' data-mini='true'>
<h3>apallen.net<span style='float: right;margin-top: -16px;padding-right: 10px;'>(2)</span></h3>
<ul data-role='listview'>
<li><a href='adv_dns_displayResults.php?lid=8df9e81f2245f9cae41f1e95899598b3'><span style='float: left;'>apallen.net</span><span style='float: right;'>2010-07-30 15:37:32</span></a></li>
<li><a href='adv_dns_displayResults.php?lid=a9387b995e88c7573141451546839e96'><span style='float: left;'>apallen.net</span><span style='float: right;'>2010-07-30 15:37:32</span></a></li>
</ul>
</div>
<div data-role='collapsible' data-mini='true'>
<h3>aptfire.com<span style='float: right;margin-top: -16px;padding-right: 10px;'>(2)</span></h3>
<ul data-role='listview'>
<li><a href='adv_dns_displayResults.php?lid=7de36861bcc8a2064ce7f428cc384c8c'><span style='float: left;'>aptfire.com</span><span style='float: right;'>2011-10-13 10:29:16</span></a></li>
<li><a href='adv_dns_displayResults.php?lid=bf8c93976d5bba46b7313b9bb990ef3c'><span style='float: left;'>aptfire.com</span><span style='float: right;'>2011-10-13 10:29:18</span></a></li>
</ul>
</div>
可折叠集会正确刷新,但列表视图不会刷新。我尝试刷新列表视图,触发创建以及其他操作的组合。
最佳答案
这是正确的代码:
$("#pastSearchResults ul").each(function(i) {
$(this).listview();
});
笔记:
使用简化的选择器,该选择器返回div下的所有“ ul”标签
“ #pastSearchResults”
选择器返回一个列表,而不仅仅是一个项目,因此遍历它
调用不带参数“ refresh”的listview(),因为这是创建列表的第一个列表(不是旧的且刷新的)