2014-05-14 4 views
1

jQuery로 HTML5 게임을 개발 중입니다. 그러나 로딩 할 때 페이지가 멈추는 경우가 있습니다 (지금은 Mac에서만 Chrome에서이 문제가 발생했습니다). 때, 때로는 아래에 "대기중인 응용 프로그램 캐시"문자열이 있습니다. 웹 페이지는 그 시간 동안 사용자 마우스 이벤트에 응답하지 않습니다. 페이지를 새로 고침해도 마찬가지입니다. 그러나 설정으로 이동하여 캐시 된 이미지와 파일을 지우면 다시로드 할 때 웹 페이지가 멈추지 않습니다.캐시를 지울 때까지 웹 페이지가 멈춤.

왜 이러한 일이 발생하는지 잘 모릅니다. 콘솔에 오류가 없으므로 문제가 어디 있는지 알 수 없습니다. 더 나쁜 것은 웹 페이지가 멈 추면 디버그 콘솔을 열조차 어려울 것입니다. 이것이 일어나는 이유에 대한 아이디어 나 추측은 무엇입니까? 미리 감사드립니다!

후속, 내 자바 스크립트 진입 점 : 여기

$(window).ready(function() { 
    middleLayerInitialize(); 
    initialize(); 
    addEventListeners(); 
}); 

는 내가 jQuery를 포함하는 방법 : (1) 당신이 jQuery를 포함한되어 이에 대한

<link rel="stylesheet" href="./styles/jquery.mobile-1.3.2.css" /> 
<script type="text/javascript" src="./js/jquery-1.10.1.js"></script> 
<script type="text/javascript" src="./js/jquery.mobile-1.3.2.js"></script> 
<script type="text/javascript" src="./js/jquery.mousewheel.js"></script> 
+0

JS가 실행 중일 때와 관련이있을 수 있습니다. JS를 실행하기 전에 문서가로드되기를 기다리고 있습니까? –

+0

@HamzaKubba 게시물을 업데이트했습니다. 진입 점은 $ (window) .ready()입니다. 이것이 당신이 요구하는 것인지 확실하지 않습니다. – darklord

답변

0

가장 일반적인 두 가지 이유를 두 번이나 (2) 당신은 HTML의 톤을로드하고 jQuery는 로딩을 끝내기 위해 HTML을 기다려야한다. jQuery를 디렉토리에 직접 다운로드하여 HTML 헤더에 포함 시키면 도움이 될 수 있습니다. http://jquery.com/download/

<head> 
<script src="jquery-1.11.0.min.js"></script> 
</head> 

하면 아래처럼 다운로드하지되어 있는지 확인합니다.

<head> 
<script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.11.0.min.js"></script> 
</head> 

그리고 jQuery를 포함하는 행이 하나만 있는지 확인하십시오.

마지막 옵션 (도움을 줄 가능성이 가장 낮음). 귀하의 설정을 모르겠지만 시도 :

$(document).ready(function() { 
    // put all your javascript here. 
}); 

(창) .ready를 사용하는 대신. 나는 당신이 일반적으로 (창) .ready를 사용하지 않기 때문에 이것을 말합니다. 위에서 작성한 내용을 사용하거나

window.onload=function(){SomeJavaScriptCode}; 
+0

감사합니다. cgn. 게시물을 업데이트했습니다. 로컬 디렉토리에 jquery를 다운로드했다. HTML 파일은 대략 40KB 크기가 아니라고 생각합니다. 저는 jQuery 모바일과 jQuery를 동시에 포함 시켰습니다. 그게 문제일까요? – darklord

+0

그건 정상입니다. jQuery 모바일을 사용하려면 jQuery가 있어야한다. :) 아마 버전 문제 일 수있다. 여기를보십시오 : http://stackoverflow.com/questions/15400436/which-version-of-jquery-and-jquery-mobile-work-together – cgnorthcutt

관련 문제