如何使这成为我的第一个JQuery插件工作

时间:2013-01-15 17:52:05

标签: jquery function plugins queue fade

感谢下面的评论。这是一个更新的问题和代码:

我编写了两位代码,一个加载器和顺序淡入。加载器的工作原理是添加加载类,其中css显示加载spinner.gif。然后删除该类并插入图像。

按顺序排列div中的第二个淡入淡出。

$.fn.myLoader = function() {
    $(this).addClass("loading").queue(function(next) {
        $(this).removeClass("loading");
        $(this).prepend('URL');
        next();
    });
};

$('#logo').myLoader();

$('.load').delay(5000).each(function(i) {
    $(this).delay(i * 250).css({
        opacity: 0.0,
        visibility: 'visible'
    }).animate({
        opacity: 1.0
    });
});

以及以下标记:

<div id="logo"></div>
    <div class="load" style="visibility: hidden;"></div>
    <div class="load" style="visibility: hidden;"></div>
    <div class="load" style="visibility: hidden;"></div>
    <div class="load" style="visibility: hidden;"></div>
    <div class="load" style="visibility: hidden;"></div>
    <div class="load" style="visibility: hidden;"></div>

这些单独工作,但我想合并这两个,以便加载器发生,一旦完成,加载顺序图像。

请指出我的错误。

由于

0 个答案:

没有答案