Question

我正在尝试构建一个像这样的简单插件

(function($) {

        $.fn.gpSlideOut = function(options, callback) {

            // default options - these are used when no others are specified
            $.fn.gpSlideOut.defaults = {
            fadeToColour: "#ffffb3",
            fadeToColourSpeed: 500,
            slideUpSpeed: 400
            };

        // build main options before element iteration
            var o = $.extend({}, $.fn.gpSlideOut.defaults, options);

             this.each(function() {
                $(this)
                .animate({backgroundColor: o.fadeToColour},o.fadeToColourSpeed)
                .slideUp(o.SlideUpSpeed, function(){
                    if (typeof callback == 'function') {  // make sure the callback is a function
                        callback.call(this);  // brings the scope to the callback
                    }
                });

                });

            return this;

        };

        //  invoke the function we just created passing it the jQuery object
    })(jQuery);

我遇到的困惑是，通常在jQuery插件上你可以调用这样的东西：

$(this_moveable_item).gpSlideOut(function() {
                // Do stuff
            });

没有options参数，但如果我这样做就会错过回调，所以我必须总是

var options = {}
$(this_moveable_item).gpSlideOut(options, function() {
                    // Do stuff
                });

即使我只想使用默认值。

无论如何都要确保调用回调函数是否存在options参数？

干杯。

Answer 1

//you have no second parameter
if (callback == undefined)
   ...

//have a function
if ($.isFunction(options))
  ...

jQuery - 如果没有options参数，则回调失败

1 个答案: