jquery - 如何重新分配 jQueryUI 对话框关闭按钮事件

Question

基本上我是通过定位手动显示和隐藏对话框，所以像“swfupload”这样的东西可以工作(不要问呵呵，我使用的多重上传Flash控件无法隐藏，或者Flash做了一些时髦的事情......所以我正在使用定位显示/隐藏对话框)。

所以我将 autoOpen: 设置为 true，这样当页面加载时它不会被预隐藏...我只是使用 jquery css 通过定位来隐藏它，然后通过 display:none; 隐藏它的覆盖层； (与 css 文件相比，因为我需要覆盖 style=""元素)...现在我想隐藏它...

但是对话框自动创建的关闭按钮会自动调用其自己的关闭功能并设置“display: none”。我想覆盖它来进行定位...

知道如何重新分配它吗？我正在考虑以某种方式解除其上的点击事件的绑定(bind)并重新分配它。我不知道真正做到这一点的最佳方法是什么。

感谢您的任何想法:)

Answer 1

您可以绑定(bind)到关闭事件并在其中执行逻辑:

$('#dialogID')
        .dialog({ 
            autoOpen: true
        }).bind('dialogclose', function(event, ui) { /* Do position logic here */ });

我没有测试此代码，因此不确定您是否需要手动调用 close 才能隐藏对话框。如果是这样，只需添加这一行:

$('#dialogID').dialog("close");

另请记住，如果还单击对话框右上角的“X”，则会调用此关闭函数。