jquery - 使用 jQuery 编写插件函数

Question

嘿伙计们，我有以下功能:

$.fn.slideOut = function(speed,dir) { 
        this.animate({
            dir: '-1000px'
        }, speed);
    };

但是方向(dir)没有被继承，也没有给我一个错误。

我这样调用它:$('#element').slideOut(500,'top');

所以我的问题=为什么它没有动画？ :(

Answer 1

您不能在对象文字属性初始值设定项的左侧(名称)使用变量，您所拥有的实际上是属性名称“dir”。你必须这样做:

$.fn.slideOut = function(speed,dir) { 
    var opts = {};
    opts[dir] = '-1000px';
    this.animate(opts, speed);
};

有点偏离主题，但可能值得指出的是，该插件功能不会链接。除非您有充分的理由不这样做，否则请返回 this 以实现可链接性(在这种情况下，您可以只返回 animate 返回的内容，因为 animate 返回这个):

$.fn.slideOut = function(speed,dir) { 
    var opts = {};
    opts[dir] = '-1000px';
    return this.animate(opts, speed);
};