Jquery mobile 刷新动态创建的可折叠集合中的可折叠列表

Jquery mobile 刷新动态创建的可折叠集合中的可折叠列表,jquery-mobile,Jquery Mobile,JSFIDLE上的示例代码: 在这方面,它是一个对话框窗口,当用户开始输入搜索查询时,它会显示找到的许多结果。以下是通过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

JSFIDLE上的示例代码:

在这方面,它是一个对话框窗口,当用户开始输入搜索查询时,它会显示找到的许多结果。以下是通过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>

appcent.com(1)
apallen.net(2)
aptfire.com(2)

可折叠集会正确刷新,但listview不会。我尝试了刷新列表视图、触发器创建和其他事情的组合

以下是正确的代码:

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

  • 使用简化的选择器返回div下的所有“ul”标记 “#过去的搜索结果”
  • 选择器返回一个列表,而不仅仅是一个项目,因此对其进行迭代
  • 调用listview()而不使用参数“refresh”,因为这是第一次创建列表(不是旧的和刷新的)

  • 如果php页面显示变量
    $\u GET['q']
    ,您是否尝试检查发送此消息的php页面。您是否尝试回显
    中的
    q
    变量?原因是您需要检查php页面是否能够接收参数。是的,这是一个有效的问题<代码>$\u GET['q']在AJAX运行时被传递并返回结果。上面显示的文本是我通过
    q
    ='ap'和
    items\u每页
    ='10'时得到的响应。@FranzNoel如果你想在野外看到它:使用过去的搜索按钮,然后输入查询。结果将创建包含结果列表的折叠框。我现在正试图正确刷新这些列表。谢谢。根据需要进行测试和工作。我一直在尝试运行刷新,认为它可以为所有子列表运行刷新。
    .each()
    非常有效。