jQuery 코드 재사용?

Question

asp.net 웹 양식 응용 프로그램의 많은 페이지에서 사용할 계획 인 jQuery 코드가 있습니다.

예 : jQuery 대화 상자 코드를 사용하여 사용자를 만듭니다.

Asp.net에서 동일한 코드를 반복해서 사용하기 위해 사용자 정의 컨트롤을 사용합니다. jQuery 코드를 어떻게 재사용 할 수 있습니까?

Answer 1

일반적으로 외부 .js 파일에 코드를 넣고 자바 스크립트를 사용하는 모든 페이지에서 <script src="my/path/to/jsfile.js" type="text/javascript"></script>을 사용합니다 (또는 마스터 템플릿에 넣을 수도 있습니다).

(코멘트에서 인해 ... 코멘트 아니라는 사실로 이동 : P) 나는 그것을 얻을 확실하지 않다

Answer 2

중 하나 : 당신은 jQuery로 경험이 실행 있다는 것을 의미하는 경우 문서 준비가되면 발견 한 예일 수 있습니다. 이 경우 dotweb의 주석이 대답을 제공합니다.

복사/붙여 넣기를 통해 스크립트 태그에 덤핑하지 않고 코드를 다른 페이지로 가져 오는 방법을 모르겠다면 조셉이 답을 얻습니다. (조셉에 따라, 그리고 포함)를 구성하는 하나 개 이상의 외부 JS 파일을

만들기 : 새로운 무언가를 기여를 위해서

, 여기에 계정에 위의 모두를 취하는 그 일을 상당히 전형적인 방법 애플리케이션의 JS 구성 요소라고 생각하면됩니다. "myApp.js"또는 무엇이든. 이 파일 안에는 개체를 사용하여 모든 웹 기능을 저장할 수 있습니다 (예 : dotweb). 이것은 안전한 네임 스페이스를 제공하고 함수와 변수에 액세스하는 준 - 글로벌 방식을 제공합니다. 실제로 문서의 의미에서 '글로벌'이 아니라 응용 프로그램에서 쉽게 작업하고 다른 곳에서 전화를 걸 수있는 범위 내에 있습니다. 좀 더 복잡한 응용 프로그램 작업을 할 때, 일반적으로

var myApp = myApp || {}; // create a new empty object if that variable name is available 

myApp.divHider = function() { 
    $('div').hide(); 
} 

myApp.backColor = function(color) { 
    $('body').css('background', color); 
} 

// document ready function, which is where you might be accustomed to seeing scripts executed. Doesn't HAVE to be in this file; could be anywhere that makes sense 

$(function() { 
    myApp.divHider(); // hide all divs on document ready. Just a silly example 
}); 

Answer 3

난 보통 내 jQuery 코드에 따라 몇 가지 일반적인 패턴이있다 : 그래서, 당신의 내용과 같을 수 있습니다. 코드베이스 전체에 흩어져있는 JavaScript 코드의 문제를 해결하기 위해 jQuery 플러그인에서 가능한 한 많이 패키징하고 최대한 일반화하려고 노력했습니다.

이 NDC 2011 talk에서 jQuery 플러그인 디자인에 대한 많은 정보를 찾을 수 있습니다.

jQuery가 적고 평범한 자바 스크립트로 더 많은 자바 스크립트 프레임 워크를 디자인 할 때 필자는 코드를 기능별로 다른 파일로 분할하려고합니다. AjaxMin과 같은 패키징 도구를 사용하여 merge and minify 프레임 워크를 하나의 제공 가능한 JavaScript 파일로 만듭니다.