jQuery UI Dialog on dialogopen return the selector

Question

I'm adding some utility functions to jQuery UI dialog, and I need a way to get the selector when attaching functionality to every dialog open:

$(document).on("dialogopen", ".ui-dialog", function (event, ui) {

What I've found is that in the object, the selector is empty:

selector: "",

And I can't trust that every dialog will be opened by an id, so how do I find the selector on dialogopen?

drizzie · Accepted Answer · 2013-07-16 17:49:56Z

1

In your open callback, event.currentTarget is a reference to the dialog.

So the following will give you the div that is being dialoged.

$(function () {
    $(document).on("dialogopen", ".ui-dialog", function (event, ui) {
        var $div = $(event.currentTarget).find('.ui-dialog-content');

        // Do something with the div
    });

    $('#mydialog').dialog();
});

You can then get the id attribute or use $div.hasClass to determine which div it is.

Or you can add the selector as a data attribute to the div before dialoging it. Check out this jsFiddle.

answered Jul 16, 2013 at 17:49

drizzie

3,3612 gold badges30 silver badges32 bronze badges

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

1 Comment

Jason Over a year ago

The fiddle was exactly what I was looking for. Much appreciated.

Collectives™ on Stack Overflow

jQuery UI Dialog on dialogopen return the selector

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related