JQuery диалоговое окно открывается нормально, но закрытие не удается

Question

У меня есть диалоговое окно jquery, с которым у меня есть несколько проблем. Если я нажимаю кнопку «моя кнопка», диалоговое окно открывается нормально, однако, если я пытаюсь нажать кнопку закрытия, я получаю ошибку «Ошибка: $ (« # диалог »). Диалог не является функцией»

Кто-нибудь может увидеть, что я делаю неправильно в моем сценарии?

<script type="text/javascript">
$(function () {
    $('#dialog').dialog({
        autoOpen: false,
        width: 600,
        position: ["center", 200],
        resizable: false,
        title: 'Create Call',
        modal: true,
        open: function(event, ui) {
            $(this).load("@Url.Action("CreateContactPartial")");
        },
        buttons: {
            "Enter":function () {
                alert('pressed');
            },
            "Close": function () {
                $(this).dialog('close');
                return false;
            }
        }
    });

    $('#my-button').click(function () {
        $('#dialog').dialog('open');
        return false;
    });
});

Answer 1

Я создал jsfiddle и получил кнопку закрытия для работы: http://jsfiddle.net/x45hD/

Я изменил это:

$(this).load("@Url.Action('CreateContactPartial')");

Но я не уверен, является ли это причиной.

Answer 2

попробуйте использовать это
window.parent.$(this).dialog('close');
или
window.$(this).dialog('close');