自定义插件根本不工作

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。