向jQuery插件添加回調

Question

我在網站上使用計時器kkcountdown插件。

在未設置計時器的情況下加載頁面時，會出現煩人的閃爍，因此我使用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);

    });

Answer 1

您可以使用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