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();
    }
});

希望它适合你。

jQUery对话框隐藏效果重复？

1 个答案: