2013-02-26 33 views
0

我在使用this switcher plugin的2个内容div中使用this jQuery countdown plugin。除了倒数不在div内部不断更新之外,这一切都运行得很好。你必须在它们之间来回切换以获得更新的倒计时。当jQuery内容切换器/滑块/交换器内部没有更新jQuery倒计时

我认为它可能有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/

感谢

回答

0

有你尝试添加onTick:watchCountdown? 是的。我刚刚检查了雅的文档。首先我想指出,如果您使用的是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]是秒。 ///我从文档中复制了该部分。

让我知道这是如何工作,我正在努力建立我的街道信誉这些部分,所以我会弄明白。

+0

请您详细说明一下吗? – Fear 2013-02-26 09:47:27