停止 iframe 的 jQuery load() 事件 [重复]答案

【问题标题】：Stop a jQuery load() event for iframe [duplicate]停止 iframe 的 jQuery load() 事件 [重复]
【发布时间】：2011-03-07 17:52:44
【问题描述】：

我正在使用 jQuery load() 事件将页面加载到 iframe 中。正在加载的页面包含一个访问两个 API 的脚本，因此需要一些时间来加载（约 15-30 秒）。我想在加载屏幕上添加一个按钮/链接，您可以单击它来取消加载，否则您将无法离开该页面。目前，我有：

<script>
function callIframe(url) {
    $('#analyticsloader').show();
    $('#analytics').html('<iframe src="" allowtransparency="yes" style="width:735px;height:1510px;border:0;" id="analyticsiframe"></iframe>');
    $('iframe#analyticsiframe').attr('src', url);
    $('iframe#analyticsiframe').load(function(){
        $('#analyticsloader').hide();
    });
}
$(function(){
    callIframe('analytics/index.php');
    var start, end;
    $('#updateStats').click(function(){
        start = $('#startDate').val();
        end = $('#endDate').val();
        callIframe('analytics/index.php?start='+start+'&end='+end);
    });
});
</script>

#analyticsloader 是一个带有 ajax 加载器图形和“请稍候，我正在加载等等”的 div，我想在其中添加一个取消按钮，以阻止 load() 函数执行。

【问题讨论】：

标签： ajax jquery load jquery-load

【解决方案1】：

您的问题的答案可能在这里：

How to cancel a jquery.load()?

【讨论】：

【解决方案2】：

试试：

$('.abort-ajax').click(function(){
     x.abort();
});

其中“x”是保存 ajax 请求的变量。

或者这个jquery plugin。

【讨论】：