jQuery计时器没有启动文档就绪

时间:2011-09-09 07:48:27

标签: jquery

这很好用:

$('.mainRotatorPaginator a').click(function() {
    $(this).everyTime(1000, 'rotation', function(i) {
        $('.mainRotatorPaginator').css('outline', '1px solid green'); //test

    });
});

但我想在页面加载后立即启动计时器,而不是等待用户事件。

我正在关注http://plugins.jquery.com/project/timers的示例,但这只是没有做任何事情:

$(document).everyTime(1000, function (i) {
    $('.mainRotatorPaginator').css('outline', '1px solid green'); //test
}, 10);

任何帮助?

好的,事实证明解决方案与Samich(和Joe的)答案有关:即使我的所有jQuery调用已经嵌套在包含我所有自定义jQuery代码的文件中的$(document).ready中,我尝试粘贴建议无论如何,只是为了咯咯笑。令我惊讶的是,这很有效,事实证明这是因为我将插件粘贴在外部$(文档).ready中,但是在底部,在$(document).everyTime()调用之后,所以文件的代码首先到达我的电话,插件的功能尚未定义。

所以最好的办法是将插件粘贴在自己的$(document).ready(function());中,并放在我所有自定义jQuery所在的块上方。 (我会先把它缩小 - 想知道他们为什么不提供缩小版本?)

2 个答案:

答案 0 :(得分:2)

$(document).ready(function()
{
    $(document).everyTime(1000, function (i) {
        $('.mainRotatorPaginator').css('outline', '1px solid green'); //test
    }, 10);
});

答案 1 :(得分:1)

$(document).ready(function() {
    $(document).everyTime(1000, function (i) {
        $('.mainRotatorPaginator').css('outline', '1px solid green'); //test
    }, 10);
});

根据这篇文章jquery "everyTime" function,您可以将间隔指定为字符串值

$(document).everyTime('1s', function (i) { })