축소 된 페이지 특정 사용하기 JS

저는 각기 다른 여러 페이지를 사용하여 각각에 대해 매우 구체적인 Javascript를 사용하는 대규모 프로젝트를 진행해 왔습니다. 로드 시간을 줄이기 위해 배포하기 전에 모든 파일을 하나의 파일로 축소 할 계획입니다.축소 된 페이지 특정 사용하기 JS

문제는 다음과 같습니다. 페이지를 필요로하지 않는 페이지에서 페이지 특정 JS를 시작하지 않으려면 어떻게해야합니까? 지금까지 내 가장 좋은 방법은 몇 가지 추가 컨테이너

<div id='some_page'> 
...everything else... 
</div>

의 각 페이지를 포장하는 것이었다 나는 그래서 나는 이런 식으로 뭔가 할 수있는 jQuery를 확장 : 멋진, 단지 문지름의 종류 반면,

// If this element exists when the DOM is ready, execute the function 
$('#some_page').ready(function() { 
    ... 
});

어느 나 틀린 길.

출처

2012-07-09 Mike C

나는 <body> 요소에 각 페이지에 고유 한 ID를 부여하여이를 달성 한 :과 같이 jQuery를 블록 내 모든 페이지 별 스크립트를

<html><head>...</head><body id="sign-in">...</body></html>

쓰기 :

$(function(){ 
    if (!$('body#sign-in').length) return; 
    // Code specific to sign-in page here 
});

출처

2012-07-09 20:41:41 Phrogz

은 기본적으로 사실입니다 그 내가 jQuery 편집을 어떻게했는지 그리고 그것이 가장 좋은 방법이라고 생각합니다. 감사. –

나는 이런 종류의 답변을 찾기 위해 모든 곳을 찾고 있었으며 Google은 키워드가 검색되지 않은 환경에서 "조건부로 자바 스크립트로드"에 대한 조언을 계속해서 제공하기 때문에 찾을 수 없었습니다. JS를 통해 탐지를 수행하는 것이 2014 년에 허용 된 최상의 방법인지 아니면 내 빌드 도구에 의존해야하는지 알고 있습니까? –

축소 된 페이지 특정 사용하기 JS

답변

관련 문제