動態創建的可摺疊設定

示例代碼內刷新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

動態創建的可摺疊設定

回答

相關問題