jquery Ui 对话框无法淡出两次

Question

我有一个关于 jquery 的奇怪问题我有这个 div 显示 ajaxified 操作的消息，我希望该消息在 5 秒后消失..它第一次工作..但是当我在同一页面中再次触发该操作时，对话框会出现，但永远不会出现无论如何都会淡出，除非我按 X 按钮关闭它..代码是

    jQuery( "#dialog" ).dialog({
    open: function(event, ui) {
setTimeout(function(){
    jQuery("#dialog").dialog("close");
}, 5000);

    },
hide: "fadeOut"
});

并且它包含在一个 jsp 页面中，该 jsp 页面包含在所有 ajax 页面中..有什么问题吗？

Answer 1

看看this来自 nemikor 的博客条目(如 jquery-dialog page 中所述)

每次调用该代码片段时，jquery 都会尝试创建一个 ID 为 dialog 的新 dialog 实例。在启动时创建该对话框，并将 autoOpen 选项设置为 false，并通过调用 dialog('open')

显示该对话框

example on jsfiddle