iframe에 대한 jQuery load() 이벤트 중지

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는 아약스 로더 그래픽 및 (I 부하를 중단 할 것을 그것으로 취소 단추를 추가하고 싶습니다, "나는 저쩌구을로드하는 동안 잠시 기다려주십시오") 기능이있는 사업부입니다 실행에서.

Answer 1

질문에 대한 답이 여기에 있습니다

How to cancel a jquery.load()?

Answer 2

시도 :

"x는"당신은 아약스 요청을 저장할 변수입니다

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

.

또는이 jquery plugin입니다.