Question

我正在使用this jQuery countdown plugin在2个内容div中使用this switcher plugin。这一切都运行得很好，除了倒计时不会在div内部不断更新。你必须在它们之间来回切换以获得更新的倒计时。

我认为它可能有something to do with this但我不确定并且无法确定如何使用倒计时插件来做到这一点。

这是JS：

$(function () {
$('#count-na').countdown( 
    {until: $.countdown.UTCDate(-4, 2013, 06-1, 9)});
});
$(function () {
$('#count-eu').countdown( 
    {until: $.countdown.UTCDate(-0, 2013, 06-1, 14)});
});
$(document).ready(function() {
jcps.fader(200, '#switcher-panel');
});

这是HTML：

<div id="content">
    <div id="switcher-panel"></div>
    <div id="na-content" class="switcher-content show">
        <div id="count-na"></div>
        <div class="subtext">until something happens</div>
    </div>
    <div id="eu-content" class="switcher-content">
        <div id="count-eu"></div>
        <div class="subtext">until something happens</div>
    </div>
    <a id="na" class="switcher">North America</a> - <a id="eu" class="switcher">Europe</a>
</div>

最后一个JSFiddle，如果它不是很清楚：http://jsfiddle.net/tCyBm/

由于

Answer 1

你试过添加onTick：watchCountdown吗？是啊。我刚刚查看了ya的文档。首先，我想指出一下，如果您使用IE而不是运行最新版本的API那么这就是您的问题。其次，尝试从匿名函数中调用函数调用，因为它可能会影响它与countdown.js的通信方式

onTick：watchCountdown不是必需的，但

     $('#count-eu').countdown(
       {until: $.countdown.UTCDate(-0, 2013, 06-1, 14), onTick: watchCountdown});

    function watchCountdown(periods) {  $('#monitor').text('Just ' + periods[5] +
       ' minutes and ' + periods[6] + ' seconds to go');}

每次调用时都会调用的回调函数倒计时更新自己。在这个功能中，这是指持有小部件的部门。当前倒计时数组句点（int [7] - 基于格式设置）作为参数传递： [0]是年，[1]是几个月，[2]是几周，[3]是天，[4]是小时，[5] 是分钟，[6]是秒。 ///我直接从文档中复制了那部分。

让我知道它是如何工作的，我正试图围绕这些部分建立我的街道信誉，所以我会弄明白。

在jQuery内容切换器/滑块/交换器内部时，jQuery Countdown不会更新

1 个答案: