自定义jquery ui对话框无法自动关闭

时间:2014-06-06 14:10:21

标签: jquery user-interface

我有一个带有按钮的主页面和2个用于对话框的div“, 1中有一个加载图像 另一个用dialog.load(url)填充。

因为加载内容div需要很多秒才能显示加载轮。并在加载内容div后关闭它。

我的问题是我正在使用带有主题的jquery UI“我不知道它是哪一个”,当我在内容中加载url时,jquery-UI应用于loadingWheel div。

这会导致loadingWheel div在页面加载后不关闭。 我尝试加载我需要显示的页面,它不会关闭。 然后我尝试加载图像,这次装载轮将关闭。

不幸的是我无法重现JFiddle上的错误,因为我使用的主题是本地的:(。

有没有办法强行关闭对话框?

我在JSFiddle的代码'短版'。 http://jsfiddle.net/f82QX/

    $( document ).ajaxStart(function(){
    $('#loadingWheel').dialog('open');

}).ajaxStop(function(){
     $('#loadingWheel').dialog('close');
 });

1 个答案:

答案 0 :(得分:1)

还有其他方法可以关闭对话框。

尝试 -

$('#loadingWheel').parent().remove();

建议 - 检查开发人员'工具控制台,如果有任何错误,例如 - '在初始化之前关闭电话'。如果是这种情况,那么你可以尝试 -

$('#loadingWheel').dialog().dialog('close');

希望这有帮助。