Need some help writing a custom jQuery plugin

Question

Please take a look at the following:

jQuery.fn.jqPos = function(target, settings) {
    settings = jQuery.extend({
        offset: [ 0, 0 ]
    }, settings);

    return this.each(function() {
        magic($(this), target, settings);
        $(window).resize(function(){
            magic($(this), target, settings);
        });
    });

    function magic(self, target, settings) {
        // Here I position self close to target
    }
};

This works perfectly when I first initialize the plugin, like $('div#one').jqPos($('div#two')); and the magic method runs as it should. But at the event window.resize nothing happens at all (I want it to run the same method with the same settings and parameters)!

How come? And how to overcome?

EDIT: In the magic-method (at window.resize), the arguments are all undefined.

prodigitalson · Accepted Answer · 2010-01-18 20:56:45Z

1

Youre confusing what this refers to in your $(window).resize(function(){ magic($(this), target, settings); }); this no longer refers to your element but rather the window itself. try:

 return this.each(function() {
        var $this = $(this);
        magic($this, target, settings);
        $(window).resize(function(){
            magic($this, target, settings);
        });
    });

answered Jan 18, 2010 at 20:56

prodigitalson

60.6k10 gold badges106 silver badges118 bronze badges

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

Collectives™ on Stack Overflow

Need some help writing a custom jQuery plugin

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related