1

ページに1つのカウントダウンタイマーを表示するためにjQueryKeith-Woodプラグインを使用していますが、正常に機能します。

複数のカウントダウンを表示したいのですが、機能していないようです（最初の要素に対してのみ機能します）。

これが私がすることです：

<? foreach ($sales as $sale): ?>
    <script>
        $(function () {
            var austDay = new Date();
            austDay = new Date(<?php echo date('Y', strtotime($sale->end))?>,<?php echo (date('m', strtotime($sale->end))-1)?>,<?php echo date('d-1', strtotime($sale->end))?>,<?php echo date('h', strtotime($sale->end))?>,<?php echo date('i', strtotime($sale->end))?>,<?php echo date('s', strtotime($sale->end))?>);
            $('#defaultCountdown').countdown({until: austDay, format: 'dHMS'});
        });
    </script>

<div id="defaultCountdown"></div>

各販売データに対してどのように機能させることができるかについてのアイデアはありますか？つまり、どうすればそれを複数にして機能させることができますか？

4

1 に答える 1

4

各要素を一意に識別する必要があります。セールIDがある場合は、次のようにします。

$('#defaultCountdown<?php echo $sale->Id?>').countdown(...);
...
<div id="defaultCountdown<?php echo $sale->Id?>"></div>

または、単にカウンターを使用します。

<?  
    $count = 0;
    foreach ($sales as $sale):
    $count++; 
?>

$('#defaultCountdown<?php echo $count ?>').countdown(...);
...
<div id="defaultCountdown<?php echo $count ?>"></div>
于 2011-05-09T16:00:08.837 に答える