Question

我想在我的自定义jQuery插件中添加回调之前和之后。我之前从未尝试过回调。所以请帮助我。

这是我的插件代码

(function($){
    $.fn.OneByOne = function( options ){

        var defaults = {
            startDelay:5,           
            duration: 1000,
            nextDelay: 700
        };

        var options = $.extend(defaults, options);
        var delay = options.startDelay;
        return this.each(function(){

            var o = options;
            var obj = $(this);                
            var a = $('a', obj);        

            obj.css({'margin-top':'100px','opacity': '0'});         
            obj.delay(delay).fadeIn().animate({opacity: 1,'margin-top':'0'}, o.duration);
            delay += o.nextDelay;


        });


    };
})(jQuery);

在回调之前和之后调用的地方

我想在之前致电before回调：

    obj.css({'margin-top':'100px','opacity': '0'});         
    obj.delay(delay).fadeIn().animate({opacity: 1,'margin-top':'0'}, o.duration);
    delay += o.nextDelay;

并希望在上面的代码之后调用after回调。

我需要回电

我想用

http://ricostacruz.com/jquery.transit/

我的回调过渡。

请告诉我如何在调用插件时使用回调。

感谢。

Answer 1

让用户在回调之前和之后传递。在默认值内，指定默认的回调函数：

var defaults = {
    startDelay:5,           
    duration: 1000,
    nextDelay: 700 
};

// Test if user passed valid functions
options.before = typeof options.before == 'function' ? options.before || function(){};
options.after = typeof options.after == 'function' ? options.after || function(){};

$ plugin中的选项以散列形式传递，因此用户可以将它们作为

传递

$("…").OneByOne({…, before: function() {}, after: function() {});

在你的插件代码中，你必须挂钩它们以便它们被调用（默认的，或任何用户定义的回调）：

// Before is simply called before starting animation
// Use call or apply on the callback passing any wanted argument.
before.call(this, obj);
// After callback is passed directly to animate function and gets called on animation complete.
obj.delay(delay).fadeIn().animate({opacity: 1,'margin-top':'0'}, o.duration, after);

回调前用户定义的“之前”回调的任何参数都可用;回调后将使用 obj 上下文调用，因此在回调后定义的任何用户内，$（this）是你的对象。

jQuery - 在插件中回调之后和之前添加

1 个答案: