向jQuery插件添加回調

我在網站上爲計時器使用插件kkcountdown。向jQuery插件添加回調

當定時器沒有設置時，加載頁面時會出現惱人的閃爍，所以我用css隱藏了定時器，並且我想在jQuery運行並設置定時器時將其淡入淡出。

這就是我現在要做的。

我一直在尋找jQuery隊列功能，但沒有任何運氣與此。

$(".kkcount-down").kkcountdown({ 

     dayText : 'DAY ', 
     daysText : 'DAYS<br>', 
     hoursText : ' ', 
     minutesText : ' ', 
     secondsText : 'HOURS', 
     displayZeroDays : false, 
     oneDayClass : 'one-day' 

    }, function(){ 

     $('#countdown').fadeTo(500, 1); 

    });

來源

2013-07-18 Chris G-Jones

您是否嘗試啓動它$（頁）.load（），然後淡入$（文件）。就緒（）？ – James

不，我試圖啓動文檔準備，然後淡入窗口加載，但沒有奏效。我現在將查看頁面加載 –

您也可以嘗試在我的答案中建議的承諾方法。 – James

您可以使用jQuery promise方法。

它可能看起來像這樣

$(document).ready(function() { 

$(".kkcount-down").kkcountdown({ 

     dayText : 'DAY ', 
     daysText : 'DAYS<br>', 
     hoursText : ' ', 
     minutesText : ' ', 
     secondsText : 'HOURS', 
     displayZeroDays : false, 
     oneDayClass : 'one-day' 

    }); 

$(".kkcount-down").promise().done(function(){ 
$('#countdown').fadeTo(500, 1); 
}); 

});

/**看到，因爲這並不能爲你工作**/
添加延遲到fadeTo可以給你你想要允許的效果kkcountdown發起。在我看來，延遲1秒對最終用戶來說不會造成太大的影響，但它會讓您看起來更清爽。因此，jQuery的將是

$(document).ready(function(){ 

    // custom mod on line 92 by Roko C. Buljan & C Grimshaw-Jones 
    $(".kkcount-down").kkcountdown({ 

     dayText : 'DAY ', 
     daysText : 'DAYS<br>', 
     hoursText : ' ', 
     minutesText : ' ', 
     secondsText : 'HOURS', 
     displayZeroDays : false, 
     oneDayClass : 'one-day' 

    }); 


    $('#countdown').delay(1000).fadeTo(500, 1); 

});

JSFIDDLE

來源

2013-07-18 02:14:45 James

嘿我試圖實現這個，但它沒有工作，也許它是插件。仍然試圖找出一種方法 –

你可以設置一個你想要在JSFiddle上實現的基本樣例。如果我可以玩一下，我會很高興看到那裏？ – James

當然這裏是小提琴http://jsfiddle.net/tLdZN/1/ 並謝謝:-) –

向jQuery插件添加回調

回答

相關問題