Creating a jQuery plugin that uses object

Question

I am trying to make for jQuery that uses functions on an object.

What I've been trying: (index.html in script tags after adding jQuery and plugin.js)

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

And the plugin.js:

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

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

I am unsure what I am doing wrong, I have tried multiple things to get this working but now I am completely stuck. What's going wrong and how exactly do I fix it?

reyaner · Accepted Answer · 2014-10-03 09:31:47Z

1

I think it should be like this:

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

and here the fiddle: http://jsfiddle.net/bgapon79/

you could return the object like so:

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

object.jQueryMadeFunction();

is it that what you mean?

edited Oct 3, 2014 at 9:31

answered Oct 3, 2014 at 9:26

reyaner

2,8091 gold badge14 silver badges18 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Mathias Jørgensen Over a year ago

Problem doing it this way is that I have to call the function on the objects parameter and not the object itself, the object itself merely selects a div for now, I want future functions to find the parameter itself it needs depending on what function you're calling. No way of doing this?

Mathias Jørgensen Over a year ago

The return did exactly what I needed, I can't believe I didn't try this out of everything. Thanks!

Collectives™ on Stack Overflow

Creating a jQuery plugin that uses object

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related