动态创建的可折叠设定

示例代码内刷新Collaspible列表有关的jsfiddle：本http://jsfiddle.net/MqDFt/6/动态创建的可折叠设定

背景，它是出现一个对话窗口，并且当用户开始输入搜索查询时，它显示了许多找到结果。下面是将通过AJAX从PHP返回的结果的一个例子：

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

可折叠，集刷新正确，但列表视图没有。我试图刷新列表视图，触发创建以及其他事物的组合。

来源

2012-11-20 Twisty

您是否尝试过检查发送给您的php页面，如果它显示变量'$ _GET ['q']''。您是否尝试在'

是的，还有一个值得关注的问题。传递'$ _GET ['q']'并在AJAX运行时返回结果。上面显示的文字是我通过'q' ='ap'和'items_per_page' ='10'时得到的回应。 – Twisty

@FranzNoel如果你想在野外看到它：[链接]（http://www.yrmailfrom.me/tools/dns/adv_dns.php）使用**过去搜索**按钮，然后输入一个查询。结果将创建包含结果列表的折叠框。这是我现在试图正确刷新的列表。 – Twisty

下面是正确的代码：

$("#pastSearchResults ul").each(function(i) { 
    $(this).listview(); 
});

注：

使用简化选择返回下格 “#pastSearchResults”
选择器返回一个列表中的所有 “UL” 标签，不只是一个项目，所以迭代它
调用没有参数“刷新”的listview（），因为这是第一个列表创建（不老，刷新）

来源

2012-12-05 08:06:36 donramos

谢谢。根据需要进行测试和工作。我一直试图进行刷新，认为它会对所有子列表执行此操作。 '.each（）'很好。 – Twisty

动态创建的可折叠设定

回答

相关问题