文章/答案/技术大牛

发布

社区首页 >问答首页 >jQuery文件完全加载与图像，iframe和Ajax的调用

问jQuery文件完全加载与图像，iframe和Ajax的调用
EN

Stack Overflow用户

提问于 2014-12-18 21:22:56

回答 2查看 160关注 0票数 2

我正在为客户开发他的网上商店的一些模块(发货价格，发票和其他)，这些模块是在ajax的预结账页面加载。到目前为止，我有5-6个Ajax的请求在同一时间和加载页面是中等高度。

我想要显示一个bootstrap 3.2.1模式，它将在页面的开头初始化，之后(当一切都完成-包括Ajax)将隐藏和销毁。

<script type="text/javascript">
    $('#loadCart').modal('show');
</script>

此脚本紧跟在模态HTML声明和<body>语句之后添加

<script type="text/javascript">
    $(document).ready( function () {
        $(window).load(function() {
            $('#loadCart').modal('hide');
        });
    });
</script>

此脚本在关闭</body>语句之前添加。

所以..。主要的问题是..我怎样才能知道这个页面中的所有Ajax都完成了，知道什么时候销毁和隐藏定义的模式？

html

twitter-bootstrap

modal-dialog

jquery

回答 2

Stack Overflow用户

发布于 2014-12-18 21:27:51

您可以使用ajaxComplete()事件处理程序：

$( document ).ajaxComplete(function() {
    $('#loadCart').modal('hide');
});

票数 1

Stack Overflow用户

发布于 2014-12-18 21:49:41

所以&所以....

模式窗口会在屏幕上停留很长一段时间，但是...在页面上加载所有ajax请求之前隐藏...

AjaxRequest = function( encrypted_reqFile, encrypted_formObj, responseObj ) {
    var data = encrypted_formObj;
    $(responseObj).html('<img src="/wp-content/themes/ergala/images/loading.gif" />');

    $.ajax({
        type: 'POST',
        url: '/wp-content/themes/ergala/jsonx.php',
        data: { 'data': data, 'reqFile' : reqFile },
        success: function ( responseText ) {
            $( responseObj ).html( responseText );
        }
    });

}

当我调用这个页面上的每一个ajax时，就会执行这个函数。我认为问题是当ajax调用完成或者我不知道.done()时，这个函数没有返回.always()函数

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/27547607

复制

相似问题

问jQuery文件完全加载与图像，iframe和Ajax的调用
EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问jQuery文件完全加载与图像，iframe和Ajax的调用EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问jQuery文件完全加载与图像，iframe和Ajax的调用
EN