로딩하기 GIF BeforeUnload 페이지의

Question

나는 컴퓨터뿐만 아니라 Ipad, 아이폰, 태블릿과 안드로이드 휴대폰에서 작동하는 응용 프로그램에서 일하고 있습니다. 나는 사용자에게 한 페이지에서 다른 페이지로 이동할 때 로딩 중 ... gif를 표시하는 한 가지 요구 사항이 있습니다. 이는 사용자에게 페이지 로딩/언로드가 진행 중임을 알리는 정보를 사용자에게 제공하기 때문입니다.

그래서 나는 다음 시도 DOM이 준비되지 않은 상태에서 GIF를 표시하기위한 코드 아래 /// 코드 을 언급했다.

$(document).ready(function(){ 
    $("#loading").hide();}); 

// 일부 사용자가 일부 서버 상호 작용을 수행 할 때 GIF를 표시하기위한 코드입니다.

$(window).bind('beforeunload',function(){ 
     $("#loading").show();}); 

여기서 #loading은 내 GIF 코드가 포함 된 div의 ID입니다. 이제는 PC 브라우저에서 크게 작동하지만 Ipad, Iphone 및 Android 휴대 전화에서는 작동하지 않습니다. 나는 이유를 알아낼 수 없다.

<div id="loading"> 
    <img id="loading-image" src="/img/loading.gif" alt="Loading..." /></div> 

이 div는 GIF를로드하기위한 것입니다.

Answer 1

는 unload을보십시오.

$(window).unload(function() 
{ 
    $('body').html('<img src="img/4.gif" alt="" />'); 
});