페이지의 본문이 moused 될 때까지 Javascript/jQuery가 실행되지 않습니다.

Question

나는 http://www.nitrohandsome.com에 새로운 포트폴리오 사이트를 만들고 jQuery에서 내 경험을 쌓고 있습니다. 나는 최신 빌드와 jcarouselite를 메인 페이지의 easing extension과 함께 사용해 멋진 카루아 효과를 얻고있다. 대부분의 브라우저에서 잘 작동하지만 IE (7,8)에서 테스트를 시작했을 때 6.5 최적화가 시작되지 않았습니다. jQuery는 문서가로드되는 즉시 코드를 실행하지 않습니다. 오히려, html 자체의 본문으로 마우스를 움직일 때까지 기다리는 것 같습니다. 이렇게하면 사용자가 마우스를 움직일 때까지 내 캐 러셀이 목록처럼 표시되고 주 메뉴 버튼이 제대로 렌더링되지 않습니다. browsershots.org을 사용하여 내 컴퓨터에서만 발생하는지 확인했지만 슬프게도 아닙니다. 누군가 나를 위해 이것에 대해 밝혀 줄 수 있습니까? 저는 jQuery를 사용하는 초보자이며 일반적으로 JavaScript에 대한 경험이 조금 더 많습니다.하지만 ActionScript와 같은 다른 ECMA 언어에 대해서는 잘 알고 있습니다.

소스를 게시 하겠지만 게시물의 실시간 미리보기는 HTML을 렌더링하려고 시도한다는 것을 보여줍니다.

미리 감사드립니다.

Answer 1

코드에 쉼표가 추가로 있습니다. 다음과 같은 내용을 확인하십시오 :

{ 
param: "whatever", 
param2: "whatever", // <- extra comma! 
} 

Firefox는 그렇지 않습니다.

편집는 :

가

$("#carousel").jCarouselLite({ 
    btnNext: "#next", 
    btnPrev: "#prev", 
    visible: 3, 
    easing: "easeout", 
    speed: 150, // <- REMOVE THIS COMMA 
}); 

SECOND 편집 : 나중에이 페이지를 찾는 사람을 위해서

가, 이유는 자신의 페이지가 제대로 표시되지 않는 한 여기에 추가 쉼표 jQuery의 1.3.1 documentedproblems 때문에 document.ready가 이미지 이후에 실행되거나 전혀 실행되지 않았기 때문입니다. 최신 jQuery 버전에 대한 수정이 트릭을 만들었습니다.