jQuery에 대한 참조 순서가 중요합니까?

저는 jQuery를 처음 접했습니다. 내 프로젝트의 마스터 페이지에서 jQuery를 참조 할 때 문제가 발생했습니다 (아래에서 내 마스터 페이지의 일부를 찾을 수 있음). 나는 페이지에서 datepicker를 사용하기를 원했기 때문에 참조 세트 (jQuery UI와 CSS)를 또 다른 참조 세트 위에 추가했습니다 (프로젝트 내내 다른 jquery에 대해). 그러나 그것을 실행했을 때, jQuery undefined "경고가 표시됩니다.jQuery에 대한 참조 순서가 중요합니까?

재미있는 점은 datepicker에 대한 ref 세트가 다른 세트 (아래에 표시된 순서대로) 아래로 이동하면 재미있었습니다. 제대로 작동했습니다. 나는 페이지를 렌더링 할 때 그 순서에 대해 알지 못한다. 모든 정보를 주시면 감사하겠습니다.

<html xmlns="http://www.w3.org/1999/xhtml"> 
<head runat="server"> 
    <title> 
     <asp:ContentPlaceHolder ID="TitleContent" runat="server" /> 
    </title> 
    <script type="text/javascript" src="../../Scripts/jquery-1.7.2.min.js"></script> 
    <link href="../../Content/Site.css" rel="Stylesheet" type="text/css"/> 
    <!--date picker--> 
    <script type="text/javascript" src="../../Scripts/jquery-ui-1.8.22.custom.min.js"></script> 
    <link href="../../Content/jquery-ui-1.8.22.custom.css" rel="Stylesheet" type="text/css"/> 
    <!--date picker--> 
</head>

출처

2012-09-11 go Wayne go

JQuery와-UI는 기능 확장 jQuery를 내장. 그래서 당신이 그것을 참조하기 전에 분명히 일을 이해하지 못할 것이다. 그래서 jQuery 라이브러리가 먼저 온다. 그러면 플러그인이 뒤따라야한다. 브라우저는 코드 하향식을 분석한다. –

도움을 주셔서 감사합니다, 젠더, 수잔, 션. 당신의 답변이 도움이됩니다. –

자바 스크립트는 script 태그는 DOM에서 발생하는 순서대로 (기본적으로) 실행 참조 : http://www.whatwg.org/specs/web-apps/current-work/multipage/scripting-1.html#attr-script-async

이러한 속성을 사용하여 선택할 수있는 세 가지 모드가 있습니다. async 속성이 있으면 스크립트는 사용 가능한 즉시 비동기 적으로 실행됩니다. async 속성이 없지만 defer 속성이 있으면 페이지의 구문 분석이 끝나면 스크립트가 실행됩니다. 두 속성이 모두 존재하지 않으면 사용자 에이전트가 페이지 구문 분석을 계속하기 전에 즉시 스크립트를 가져 와서 실행합니다.

강조 광산

출처

2012-09-11 16:53:30

예, JavaScript는 "하향식"으로 구문 분석됩니다.

종속 참조 전에 모든 종속성을 참조해야합니다. 당신은 의존성 (당신이 발견으로) 당신이 오류를 얻을 것이다

를로드하기 전에 종속성이 어떤 라이브러리를로드하는 경우 -

출처

2012-09-11 16:52:58 xandercoded

jQuery에 대한 참조 순서가 중요합니까?

답변

관련 문제