Php jquery在一个页面上提供多个keith wood倒计时插件

Php jquery在一个页面上提供多个keith wood倒计时插件,php,jquery,timer,count,countdown,Php,Jquery,Timer,Count,Countdown,我使用jQuery Keith Wood插件在我的页面上显示一个倒计时计时器,它工作得很好 现在我想显示多个倒计时,但它似乎不起作用(它只对第一个元素起作用) 以下是我的工作: <? foreach ($sales as $sale): ?> <script> $(function () { var austDay = new Date(); austDay = new Date(<?php e

我使用jQuery Keith 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>

$(函数(){
var austDay=新日期();
austDay=新日期(,,,,);
$('#defaultCountdown')。倒计时({until:austDay,格式:'dHMS');
});

你知道我怎样才能使它适用于每个销售数据吗?我的意思是,我怎样才能使它多个并且工作?

您需要唯一地标识每个元素。如果有销售id,我会这样做:

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

您需要唯一地标识每个元素。如果有销售id,我会这样做:

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

您是否为每个目标div使用不同的id?也许使用类会更好?您是否为每个目标div使用不同的id?也许使用类会更好?