blockUI不与showModalDialog一起使用

Question

如何在调用showModalDialog之前显示blockUI覆盖图？

$("button").click(function(){
    $.blockUI({ message: '' });    
    window.showModalDialog("http://www.google.com");
    $.unblockUI();
}); 

http://jsfiddle.net/dTG82/

Answer 1

由于动画的原因，$.blockUI函数是不同步的。您必须等待动画完成，或设置fadeIn: 0。

$.blockUI({ message: '', fadeIn: 0 });

See working example

Answer 2

这个问题可能有很多答案-但一个明显的问题是你立即调用unblockUI - window.showModalDialog不是一个阻塞方法(因为javascript不支持它们)-它会立即返回。

您应该在模式对话框的关闭处理程序中调用unblockUI。

当然，所有这些都假设这些方法可以像广告中所说的那样工作。