0

1 つのページに複数のオークションのステータスを表示する必要があるプロジェクトに取り組んでいます。アイテムごとに終了日が異なります。cfqueryデータベースからデータを取得してから、テーブルを作成cfoutputしています。その部分は問題ありません。問題ありません。私の質問は、キース ウッドのカウントダウン タイマーの複数のインスタンスをテーブルに配置して、各アイテムのカウントダウンが進行するようにするにはどうすればよいですか?

これはテーブルの私のヘッダーです:

<table id="large" class="tablesorter" border="0" CELLSPACING="1" CELLPADDING="0" width="50%">
<thead>
<tr class="tablesorter-headerRow">
    <th id="itemnum"  class="sorter-numeric">ItemNum</th>
    <th id="highbidder"  class="sorter-numeric">HighBidder</th>
    <th id="closenum"  class="sorter-numeric">Time Left</th>
    <th id="highbidprice"  class="sorter-numeric">HighBid</th>
</tr>
</thead>
<tbody>
<cfoutput>
<!--- Code builds the table body --->
<div class="countdown-styled clearfix" style="width:200px;"></div>
</cfoutput>
</tbody>
</table>

私はこれらを見てきました：1）Jqueryの複数のカウントダウン2）jqueryを使用した同じページでの複数のカウントダウンですが、これらには各ページに一意の行IDが含まれているように見え、次に他のjqueryコードが含まれているか、IDをハードコーディングしているようです。これに関する問題は、最終バージョンにいくつの項目があるか分からないことです. 今は 35 ありますが、それは一定ではないので、それはできません。ここでアイデアや助けはありますか？本当に感謝します。

4

1 に答える 1

0

彼のサイトの例は次のとおりです。

$(selector).countdown({until: new Date(2010, 12-1, 25)});

私はあなたがこのようなことをしていると仮定します:

$('.countdown-styled').countdown({until: someDate});

つまり、それぞれ$('.countdown-styled')に異なる日付があり、異なる要素ごとに日付を指定する方法を理解する必要があるだけです。

$('.countdown-styled').each(function (idx) {
    var date = $(this).closest('tr').find('.date-label').text();

    $(this).countdown({ until: new Date(date) });
});

もちろん、すべてのコードを見ることができないため、どこから日付を取得すればよいかわかりません。ディスプレイから JavaScript の Date オブジェクトを作成するコードを微調整する必要があるかもしれませんが、それで開始できるはずです。

于 2013-04-11T20:32:15.513 に答える