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

そのページを2回目（またはそれ以上）にロードすると、closeイベント中に2回（またはそれ以上）のscale効果がhide機能していることがわかります。なんで ？

Answer 1

ページをリロードするたびに 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();
    }
});

それがうまくいくことを願っています。