Javascript对象文字到jQuery插件

时间:2011-09-30 14:23:47

标签: jquery jquery-plugins object-literal

有人可以解释如何将以下结构转换为jQuery插件 - 因为我真的在这里苦苦挣扎。我主要迷失了对象属性,方法 - 如何将它们转换为单个插件:

var objLit = {
    thisObj : null,
    propOne : 125,
    propTwo : 300,
    propThree : null,
    methodOne : function(o) {

        if (o.length > 0) {

            objLit.thisObj = o;

            objLit.propOne = o.width();
            objLit.propTwo = o.height();

            objLit.convert();

        }

    },
    convert : function() {
        objLit.thisObj.animate({ 'width' : (objLit.propOne + 20) + 'px', 'height' : (objLit.propTwo + 20) + 'px' }, 300, function() {

            var tout = setTimeout(function() {

                objLit.propOne = (objLit.propOne - 20);
                objLit.propTwo =  (objLit.propTwo - 20);

                objLit.methodTwo();

            }, 2000);

        });
    },
    methodTwo : function() {

        etc...

    }
};
$(function() {

    objLit.methodOne($('.object'));

});

上面只是对象文字的一个例子 - 哇我们会把它转换成jQuery插件吗?

0 个答案:

没有答案