JavaScript 对象文字到 jQuery 插件
有人可以解释一下如何将以下结构转换为 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 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论