jquery - how to close jquery dialog?

Question

Please see below fiddle, I having a button inside dialog,

Fiddle Link

<input type="button" id="closePop" value="Close Dialog"/>

How to close the dialog by clicking "Close Dialog" button? thanks!

Answer 1

在对话框的打开功能中附加click事件

$('#closePop').bind('click', function(e) {
    jQuery('#dialog').dialog('close');
});

演示

Answer 2

您可以通过调用以编程方式关闭它：

$("#dialog").dialog('close');