jquery - jQUery对话框隐藏效果重复？

Question

我动态加载包含该对话框声明的页面：

$("#promo-code-modal").dialog({
    modal: true,
    autoOpen: false,
    minHeight: 500,
    minWidth: 500,
    maxHeight:500,
    maxWidth:500,
    resizable: false,
    show: { 
        effect:"scale",
        speed:1000
    },
    hide: { 
        effect:"scale",
        speed:1000
    }
});

如果我第二次（或更多）加载该页面，则在close活动期间，我会看到两次（或更多）的功能scale效果hide。为什么 ？

Answer 1

也许您每次重新加载页面时都会创建一个对话框，请尝试以下操作：

$("#promo-code-modal").clone().dialog({
    modal: true,
    autoOpen: false,
    minHeight: 500,
    minWidth: 500,
    maxHeight:500,
    maxWidth:500,
    resizable: false,
    show: { 
    effect:"scale",
    speed:1000
    },
    hide: { 
    effect:"scale",
    speed:1000
    },
    close: function(){
    $(this).dialog('destroy').remove();
    }
});

希望对你有效。