jQuery confirm dialog not closing

Question

I have a jQuery confirm dialog which is not closing on the dialog("close") .

$.confirm({
  title: 'Change From Date',
  content: url,
  buttons: {
    confirm: function() {
      $(this).dialog("close");
    },
    cancel: function() {
      $(this).dialog("close");
    }
  }
});

Answer 1

Change the selector you are using for the .dialog('close') method - instead of

$(this).dialog('close');

change it to:

$('.yourDialogClassOrID').dialog('close');

That is, whatever selector you use to initialize the dialog, use that selector for the .dialog('close') instruction:

EG

$( "#mydialog" ).dialog(); //initialize dialog
use:
$( "#mydialog" ).dialog('close'); //close dialog

Answer 2

The easiest way that I have found is the following:

jconfirm.instances[0].close();