jquery - 自定义插件根本不起作用

Question

我正在尝试将自定义插件应用于某些div. 这是代码：

$.fn.popout = function( options ){

    var settings = $.extend({
        l : this.width()/2,
        h : this.height()/2,
        percent: 100,  //default 100
        speed : 800, //default 800 
        easing : 'easeOutBounce'    //default easeOutBounce
    },options);


    return this.effect(
            'scale',
            {origin:['middle','center'], 
            from:{width: settings.l, height: settings.h},
            percent: settings.percent,
            direction: 'both',
            easing: settings.easing}, settings.speed);
};

如您所见，它对$('.someclass')div 应用了一种“弹出”效果。问题是，如果我effect以这种方式应用：

$('.someclass').effect('scale', .. code )

它完美地工作，而不是如果我使用

$('.someclass').popout({..options..})

当脚本运行时，scaled元素没有达到它的100%值，但它停留在from维度上。

建议？

我编写插件是因为我必须在脚本的不同时刻将它应用到多个 div。