代码之家 › 专栏 › 技术社区 › Rayfloyd

ajax调用后Fancybox未关闭

fancybox ajax jquery javascript

Rayfloyd · 技术社区 · 13 年前

在某些情况下,在ajax调用后,我很难关闭我的花式框。

 $(document).ajaxStop(function() {
    function(){$.fancybox.close()};
 });

 $(document).ajaxStart(function() {
    $("a#load_gif").trigger('click');
 });

这是我处理花式盒子的代码。因此,我的问题是,如果ajax调用非常简短和快速,盒子就不会关闭,但如果调用时间更长,它会自动关闭。

我找到了一个解决办法

$(document).ajaxStop(function() {
    setTimeout(function(){$.fancybox.close()},500);
});

但老实说,这个解决方案并不好看。即使ajax调用返回得很快,我该怎么做才能关闭花哨的盒子?ajax调用的长度是可变的,这取决于它必须获取的行数。

欢迎提供任何帮助和/或建议。

1 回复 | 直到 13 年前

invertedSpear 13 年前

当AJAX调用试图启动关闭函数时,你似乎有一个竞争条件,也许fancybox还没有完成创建,也没有定义它的关闭函数。

我建议采用两步流程,以触发fancybox关闭。创建2个全局变量 ajaxStop = false; 和 fancyboxDone = false;

创建一个函数,如:

function closeFancyBox(){
    if(ajaxStop && fancyboxDone){
        $.fancybox.close();
        ajaxStop = fancyboxDone = false;
    }
}

然后将ajax停止更改为:

 $(document).ajaxStop(function() {
    function(){
      ajaxStop = true;
      closeFancyBox()
    };
 });

最后,在您的fancybox中添加一个onComplete函数,该函数的作用与ajax Stop相同,但设置 fancyboxDone = true 而不是 ajaxStop .

因此,现在无论哪一个获得第一名和第二名,他们都可以检查彼此的状态,并适当地结束比赛。

推荐文章

James Williams · 如何在单击按钮时刷新div内容

4 年前

Atif Rizwan · 调用节点。使用AJAX的独立HTML文件的js API

4 年前

Mehmet · javascript执行了多个

4 年前

Shijil · 尝试在Jquery PHP搜索代码中添加选择标记功能

4 年前

Parker · 如何使表格行的单元格项加粗n秒?

4 年前

Chris J. · ajax获取查找数据属性值的请求

4 年前

GauravSolo · 在columndef datatable jquery中使用响应数据

4 年前

Hassaan Iqbal · 点击按钮打开网站,无需重新加载整个页面(AJAX)

4 年前

estudiante · 如何调用在tensorflow中运行的模型,该模型由ajax中的docker提供服务?

4 年前

Pedro F · Ajax调用后脚本运行不正常

4 年前