停止iframe的jQuery加載（）事件

Question

我正在使用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加載圖形和「請稍候，我加載等等等等」，我想補充一個取消按鈕進去，將停止load（）函數一個div從執行。

Answer 1

的回答你的問題可能會在這裏：

How to cancel a jquery.load()?

Answer 2

嘗試：

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

其中 「x」 是你救了Ajax請求的變量。

或此jquery plugin。