Jquery 对话框 - 关闭前不会淡出

标签 jquery jquery-ui

我的页面上有 div(box),我正在使用此脚本将 div 显示为对话框。在该 div 内,我有一个超链接,单击该超链接时,我想淡出对话框并关闭。对话框的内容淡出,但对话框的边框保持不变。如果我将 $("#box").dialog('close') 添加到 fadeto 之后的单击函数中,则没有任何效果..它只是完全关闭对话框。有什么帮助吗?使用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>

最佳答案

怎么样

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

您希望在淡入淡出结束后进行关闭,对吗?

关于Jquery 对话框 - 关闭前不会淡出,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/2760236/

相关文章:

javascript - jQuery 和语法荧光笔不适用于动态加载的选项卡

jquery - free-Jqgrid搜索模态拖动卡住

jquery - 防止可拖动项目落在特定元素上

javascript - 即使对 API 的请求成功,Ajax 成功函数也未触发,为什么?

javascript - JQuery Accordion 内容链接不起作用

jquery - 在 "Edit"按钮上应用 Jquery 自动完成并设置默认值

JQueryUI 拖动一个包含图像的 div

javascript - 如何在 JSFIDDLE 中包含引用

javascript - 在滚动条上缩放 div 内容

jquery - 根据类和标题隐藏 SPAN 标签上的文本