对话框在第二次打开后不会关闭

Question

为什么此对话框在第二次打开时不关闭。

我第一次点击按钮然后它打开，然后 3 秒后它关闭....完美。

但是

第二次点击打开时，它会打开但不会关闭

如果我使用 destroy 关闭，则会收到一条错误消息

错误：错误：无法在初始化之前调用对话框上的方法；试图调用方法'destroy'

脚本

$(function () {
    $('#btn').click(function () {
       var o = function (tt, ii) {
            $('<div>', {
                'text': tt,
                'id': ii
            }).dialog();
        };
        var c = function (ii) {
            $('#' + ii).dialog('close');
        };
        var magic = function () {
           o('my string', 'x');
            setTimeout(function () {
                c('x');
            }, 3000);
        };
        magic();
    });
});

Answer 1

您正在创建多个具有相同 id 的元素

$(function () {
    $('#btn').click(function () {
        var $dialog = $('<div />');
        var o = function (tt) {
            $dialog.text(tt).dialog({
                close: function(){
                    $dialog.remove();
                }
            });
        };
        var c = function () {
            $dialog.dialog('close');
        };
        var magic = function () {
            o('my string', 'x');
            setTimeout(function () {
                c('x');
            }, 3000);
        };
        magic();
    });
});

演示：Fiddle