CODEWITHSUNDEEP
javascriptjqueryajaxjquery-ui-dialog
womp
womp

Reputation: 116977

Close a jQuery UI Dialog from an element inside of it?

Here's a quick question that's probably simpler than I'm thinking.

I'm populating a jQuery UI dialog with the resulting html from an $.ajax() call. In certain cases that html includes a button that when clicked, I want to close the containing dialog.

Assuming that I don't know anything about the element that was specified to be the dialog using $("#element").dialog()...(i.e. I have no idea what the "#element" selector is from the dialog's inner content) - What's the best way to close the dialog from an element clicked inside of it?

Upvotes: 7

Views: 7039

Answers (2)

nickf
nickf

Reputation: 545985

Use closest()

$(this).closest('.ui-dialog-content').dialog('close');

Upvotes: 16

adamJLev
adamJLev

Reputation: 14031

Something like:

$('a.close').click(function(e) {
    $(this).closest('.dialog').dialog('close');
});

Upvotes: 2

Related Questions