3

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>

折りたたみ可能なセットは適切に更新されますが、リストビューは更新されません。リストビューの更新、作成のトリガー、およびその他の組み合わせを試みました。

4

1 に答える 1

2

正しいコードは次のとおりです。

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

ノート：

  1. div "#pastSearchResults" の下にあるすべての "ul" タグを返す単純化されたセレクターを使用します。
  2. セレクターは1つのアイテムだけでなくリストを返すため、それを繰り返します
  3. リストが最初に作成されるため、パラメータ「refresh」なしで listview() を呼び出します (古いものや更新されたものではありません)。
于 2012-12-05T08:06:36.320 に答える