jquery - ボタンをクリックしてダイアログを閉じる - JQuery UI

Question

JQuery UI で「ダイアログ」ウィンドウを閉じるボタンを作成しようとしています。

ダイアログを開くには、次のコードを使用しています。

$(".show .edit_site").click(function (){
    rel = $(this).attr("rel");

    $("#dialog_edit").dialog({
            modal: true,
            open: function () {
                $(this).load("<?= site_url()?>/sites/show_update?id="+rel+"&mode=popup");
            },
            close: function() {
                //some code
            },
            height: 370,
            width: 900,
            title: 'Some title'
     });
}); 

ダイアログが開き、すべて問題ありません。しかし、ここで問題は、ダイアログ内にあるボタンをクリックしてダイアログを閉じるにはどうすればよいかということです。

みなさん、ありがとう、そして私のひどい英語でごめんなさい:)

---

私はすべての可能な解決策を試しましたが、これは私のために働く唯一のものです:

function close_dialog()
{
    //Close jQuery UI dialog 

    $(".ui-dialog").hide();
    $(".ui-widget-overlay").hide();
}

Answer 1

ダイアログのオプションの一部としてボタンを追加するだけです。

$("#dialog_edit").dialog({
    modal: true,
    open: function () {
        $(this).load("<?= site_url()?>/sites/show_update?id="+rel+"&mode=popup");
    },
    height: 370,
    width: 900,
    title: 'Some title',
    buttons: {
        'button text' : function() {
            $(this).dialog('close');
        }
    }
});

Answer 2

「閉じる」メソッドを使用できます：

$("#dialog_edit").on('click', '#closeButtonId', function(){
     $(this).closest("#dialog_edit").dialog('close');
});

Answer 3

以下のコードを試してみましたが、うまくいきました

 $('#btnClose').click(function () {
     window.parent.jQuery('#msgbox').dialog('close');
 });