jquery在一個頁面上的多個keith-wood倒計時插件

Question

我正在使用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> 

，我怎麼可能會使其成爲每個銷售數據工作有什麼想法？我的意思是，我怎樣才能讓它變得多元化並且工作？

Answer 1

您需要唯一標識每個元素。如果有一個銷售的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>