创建一个使用object的jQuery插件

时间:2014-10-03 09:10:13

标签: jquery function object plugins

我正在尝试使用对象上的函数的jQuery。

我一直在尝试:(添加jQuery和plugin.js后的脚本标记中的index.html)

var object = new myObject("#selected-div");
object.jQueryMadeFunction();

和plugin.js:

function myObject(param) {
    this.param = $(param);
}

$.fn.jQueryMadeFunction = function () {
    this.param.css({
        background: "red",
        height: "100px",
        width: "100px"
    });
}

我不确定我做错了什么,我已经尝试了多种方法来使这个工作,但现在我完全卡住了。出了什么问题以及我该如何解决?

1 个答案:

答案 0 :(得分:1)

我认为应该是这样的:

function myObject(param) {
    this.param = $(param);
}

$.fn.jQueryMadeFunction = function () {
    this.css({
        background: "red",
        height: "100px",
        width: "100px"
    });
}

var object = new myObject("#selected-div");
object.param.jQueryMadeFunction();

这里的小提琴:http://jsfiddle.net/bgapon79/

你可以像这样返回对象:

function myObject(param) {
    return $(param);
}

object.jQueryMadeFunction();

是你的意思吗?