【问题标题】:jQuery Countdown doesn't update when inside jQuery content switcher/slider/swapper在 jQuery 内容切换器/滑块/交换器内部时,jQuery Countdown 不会更新
【发布时间】:2013-02-26 08:11:18
【问题描述】:

我在使用 this switcher plugin 的 2 个内容 div 中使用 this jQuery countdown 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/

谢谢

【问题讨论】:

    标签: javascript jquery countdown jquery-countdown


    【解决方案1】:

    您是否尝试过添加 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');}
    

    每次调用的回调函数 倒计时更新自己。在函数中 this 指的是 保存小部件的部门。当前倒计时数组 句点(int[7] - 基于格式设置)作为参数传递: [0] 是年,[1] 是月,[2] 是周,[3] 是天,[4] 是小时,[5] 是分钟,[6] 是秒。 ///我直接从文档中复制了该部分。

    让我知道它是如何工作的,我正在尝试围绕这些部分建立我的街头信誉,所以我会弄清楚的。

    【讨论】:

    • 您能详细说明一下吗?
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多