Chrome에서 Jquery 기능로드/실행 두 번

Question

내 웹 사이트에 필수적인 코드가 있으며 모든 브라우저에서 작동하지만 Chrome에서 두 번 실행되는 것처럼 보입니다. 그것은 페이지를 새로 고칠 때 두 번 발생하지만 아약스/jquery를 사용하여 내 페이지의 주 div에 내용을로드 할 때가 아닙니다. 그러나 모든 다른 브라우저에서 완벽하게 작동하며 두 번 실행되지 않습니다.

<script type='text/javascript'> 
$("a").live('click', function(){ 
history.pushState({}, '', this.href); 
popstate(this.href); 
return false; 
}); 
$(window).load(function(){ 
window.onpopstate = function(event){ 
popstate(window.location.href); 
event.preventDefault(); 
} 
popstate = function(url){ 
url = '/ajaxlinks/ajaxlink'+window.location.pathname.substr(1); 
if (url == '/ajaxlinks/ajaxlink'){url = '/ajaxlinks/ajaxlinkindex.php'} 
if (url.indexOf(".php") == -1){url = '/ajaxlinks/ajaxlinkprofile.php'} 
if (url == '/ajaxlinks/ajaxlinkaccountrecovery.php'){window.location = 'http://www.pearlsquirrel.com/accountrecovery.php';} 
if (url == '/ajaxlinks/ajaxlinklogin.php'){window.location = 'http://www.pearlsquirrel.com/login.php';} 
if (url == '/ajaxlinks/ajaxlinklogout.php'){window.location = 'http://www.pearlsquirrel.com/logout.php';} 
$('#ajaxloadcontent').load(url); 
$('html, body').animate({scrollTop:0}, 'fast'); 
} 
}); 
</script> 

사람이이 문제를 해결하는 방법을 알고, 내가 크게 도움을 주셔서 감사합니다 : 여기 내 코드입니다. 감사!

Answer 1

jQuery 코드는 항상 jQuery의 기본 제공 "준비"블록으로 묶어야합니다.

$(function(){ 
    //all code here 
}); 

이 이벤트는 관련 "준비 됨"이벤트를 자동으로 처리합니다.