How to pass JS Object to jQuery function .queue()

Question

I use OOP and jQuery in my developments. I used to passed my current object this to jQuery functions like this :

$(myElement).live('click', this, function(el){
  // I can access to my JS object using el.data
});

But I can't find how to do similar thing with jQuery function .queue(). Is it possible ?

EDIT

I give you the context in which I want to use .queue() :

CAPTIVEA.widget.Message = {
    /**
     * Displays generated message on the screen
     * @method display
     * @public
     */
    display: function() {
        // Display Message
        $('.message')[this.effects.show](this.effects.duration, function(){
            $(this).show();
            $('.message span').show();
            $('.message').children().show();
        });

        if (this.autoHide)
        {   // Remove message after delay
            $('.message').data('objMessage', this);
            $('.message').delay(3000).queue(function(el){
                $(this).data('objMessage').close();
            });
        }
    },

    /**
     * Removes generated message from the screen
     * @method close
     * @public
     */
    close: function() {
        $('.message')[this.effects.hide](this.effects.duration, function(){
            $(this).remove();
        });
    }
};

You mean like $(myElement).queue(function(el){});? Cos that's possible... — Chris Kempen
– Chris Kempen, Commented Feb 1, 2012 at 14:26
@am not i am : it is the object literal. Code example which I gave you is in a method of this object — Elorfin
– Elorfin, Commented Feb 1, 2012 at 15:34
How are you using .queue(). That method just operates on whatever jQuery object it happened to be called from. Do you need this data associated with a particular element, or set of elements? If so, have you considered $.data()? — user1106925
– user1106925, Commented Feb 1, 2012 at 15:46

user1106925 · Accepted Answer · 2012-02-01 14:29:10Z

2

"Is it possible ?"

No. The live() method is an event handling method, and you're setting event object data. The first argument in the callback is the event object.

I don't know what this represented, but I have a feeling you were misusing event data.

The queue() method has nothing to do with event handling. You pass it a function that is added to a queue. Its first parameter will reference a function that releases the queue.

answered Feb 1, 2012 at 14:29

user1106925

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

Comments

OptimusCrime · Accepted Answer · 2012-02-01 14:34:24Z

1

You can still access the current object. See my jsfiddle here: http://jsfiddle.net/9upJB/

Aside from that, what others have pointed out is correct. live() (which you should STOP using btw) is an event. queue() is a method and has nothing to do with an event.

When accessing the object, this is executed as the callback (check the jQuery documentation).

answered Feb 1, 2012 at 14:34

OptimusCrime

14.9k13 gold badges63 silver badges98 bronze badges

Comments

eyurdakul · Accepted Answer · 2012-02-01 14:51:35Z

1

you first save the instance as element data and use it in queue function of jquery;

$("#el").data("instance", this);

en after that use in the function

$("#el").queue(function(){
    var instance = $(this).data("instance");
    //do whatever you want
});

answered Feb 1, 2012 at 14:51

eyurdakul

9122 gold badges12 silver badges29 bronze badges

Comments

aziz punjani · Accepted Answer · 2012-02-01 14:28:31Z

0

You don't pass the queue() function the element instead the function is executed on the matched element.

$('yourelement').queue();

answered Feb 1, 2012 at 14:28

aziz punjani

25.8k9 gold badges49 silver badges56 bronze badges

Collectives™ on Stack Overflow

How to pass JS Object to jQuery function .queue()

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related