. jquery가 크롬에서 작동하지 않습니다.

Question

프로젝트에서 작업 중이며 Google 크롬에서 .load가 작동하지 않는 문제가 계속 발생합니다. 여기에 자바 스크립트입니다 :

function link1() { 
    $('#loadarea').html('loading.....'); 
     setTimeout('link1_go()', 850); 
    } 
    function link1_go() { 
     $('#loadarea').load("regular.html"); 
     $('#loadarea').hide().fadeIn('slow'); 
    } 

그리고 여기에 액션 호출하는 클릭의 사업부입니다 :

<div id="link1" class="clickableload" onclick="link1()"> 

을 그리고 컨테이너에로드 할 수있다 :

<div id="loadarea"></div> 

그것은 파이어 폭스와 IE를 작동하고 크롬에서는 그렇지 않다. 어떤 제안이 있니?

Answer 1

setTimeout 전화를 변경해보십시오. setTimeout에 문자열 매개 변수를 사용하면 브라우저의 eval 함수가 호출되며, 이는 특히 link1_go이 전역 함수가 아닌 경우 예상대로 수행되지 않을 수 있습니다. 대신 다음을 수행하십시오.

setTimeout(link1_go, 850); 

Answer 2

"이벤트 시퀀스"는 매우 신중합니다. 가능할 때마다 명령문이 원하는 순서로만로드되는지 확인합니다. 내 기본 디버깅 웹 브라우저 인 Chrome에는 문제가 없었습니다.

function link1() { 
    $('#loadarea').html(function() { 
     setTimeout('link1_go()', 850); 
     return '<p>loading.....</p>'; 
    }) 
} 

function link1_go() { 
    $('#loadarea').fadeOut().load("regular.html").fadeIn('slow'); 
} 

Since the "loadarea" is already displaying "loading ... "; a fadeout and a fadein would be more elegant then hide() and fadeIn. 

Furthermore, for the present request, I would get away with link1_go completely: 

function link1() { 
    $('#loadarea').html(function() { 
     setTimeout("$('#loadarea').fadeOut().load('regular.html').fadeIn('slow')", 850); 
     return '<p>loading.....</p>'; 
    }) 
}