JavaScript 对象文字到 jQuery 插件

发布于 2024-12-07 10:23:48 字数 991 浏览 0 评论 0原文

有人可以解释一下如何将以下结构转换为 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 插件?

Could someone explain how to convert the following structure into a jQuery plugin - as I'm really struggling here. I'm mainly lost with object properties, methods - how can they be converted to a single plugin:

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'));

});

The above is just an example of the object literal - wow would we go around converting this into the jQuery plugin?

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。
列表为空,暂无数据
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文