JQuery несколько плагин обратного отсчета Кит-Вуд на одной странице - PullRequest
Новая
       37

JQuery несколько плагин обратного отсчета Кит-Вуд на одной странице

1 голос
/ 09 мая 2011

Я использую плагин 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>

Есть идеи о том, как я могу заставить это работать для каждой продажи? Я имею в виду, как я могу сделать это несколько и работать?

1 Ответ

4 голосов
/ 09 мая 2011

Вам необходимо однозначно идентифицировать каждый элемент.Если есть идентификатор продажи, я бы сделал это так: 

$('#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>
...