Jquery对话框-不'；不要在关门前淡出

我的页面上有div（box），我正在使用此脚本将div显示为对话框。在该div中，我有一个超链接，单击该超链接，我想淡出对话框并关闭。。对话框的内容将淡出，但对话框的边框保持不变。如果我在fadeto之后向click函数添加$（“#box”）。对话框（“close”），则没有效果。。它只是完全关闭对话框。有什么帮助吗？使用jquery-ui-1.7.2

<script type="text/javascript">
            $(document).ready(function(){
                 $("a#later").click(function () { 

                $("#box").fadeTo('slow', 0);
                 })
             });
            $(function () {
                $("#box").dialog({
                    autoOpen: true,
                    width: 500,
                    modal: true,

                });
            });
</script>

$（文档）.ready（函数（）{
$（“稍后”）。单击（函数（）{
$（“#框”）.fadeTo（'slow'，0）；
})
});
$（函数（）{
$（“#框”）。对话框({
自动打开：对，
宽度：500，
莫代尔：是的，
});
});

试试这个，它可能会起作用：

$("a#later").click(function () {
   $("#box").fadeTo('slow', function() {
       $("#box").dialog("close")
   });
});

试试这个：

            $(function () {
                $("#box").dialog({
                    autoOpen: true,
                    width: 500,
                    modal: true,
                    show: 'blind',
                    hide: 'fade'
                });
            });

看看这里的例子：

怎么样

$("#box").fadeTo('slow', 0, function() {
  $("#box").dialog('close');
});

---

你想在淡入淡出结束后结束，对吗？

我尝试了下面某个Richard的代码，效果很好。 可以以字符串形式提供效果名称：

$("#dialog").dialog({
  hide: "fadeOut"
});

或者，如果有其他选项，可以提供哈希，例如：

$("#dialog").dialog({
  hide: {effect: "fadeOut", duration: 5000}
});

这是我的代码：

$(function() {
$( "a#link-id" ).click(function(){$(".ui-dialog").fadeOut(2000)})});

---

这是工作脚本：）。你不需要点击“关闭”按钮

没有。。它只是关闭，没有褪色的效果。你非常接近。。见下面的答案。。FadTo还需要第二个速度参数。。它现在甚至不加载对话框，默认情况下会隐藏：）现在加载时会产生淡入效果。。它甚至不会关闭对话框，真奇怪。尝试删除“显示”选项，查看我发布的链接，看看效果是如何工作的，效果的可能值是多少。这就是我所说的很棒！这首小曲正是我需要的，在chrome和FF中效果很好。还没有做任何IE测试。实际上，

$（“#框”）.dialog（“widget”）.fadeTo（…）

更好，因为淡入动画应用于整个框，而不仅仅是内部。但是如果打开另一个对话框，它将同时淡出这两个对话框！