JQuery "위젯"패키징

Question

이미지를 클릭 한 후 특정 서버 로직 (이 위젯은 특수한 종류의 JQuery와 같은 용어와 관련이없는 원격 IFRAME을 여는 JQuery 대화 상자가 있습니다. UI 플러그인). IFRAME 내부의 프로세스가 완료되면 대화 상자가 닫히고 클라이언트는 상위 페이지를 계속 사용할 수 있습니다.

이제 JQuery 대화 상자, JQuery 라이브러리 및 위젯 초기화 코드를 초기화 한 DIV ("버튼"이미지 용으로 몇 줄의 HTML)를 패키지화해야합니다. 이렇게하면 여러 다른 웹 사이트에 배포 할 수 있습니다. 가장 간단한 형태. 이 웹 사이트 중 일부는 이미 JQuery를 사용할 수 있으며 다른 버전도 사용할 수 있습니다.

제 질문은이 "패키징"을 수행하는 가장 좋은 방법이며, 내가 작성한 내용을 웹 마스터에게 간단하게 복사하여 HTML을 붙여 넣을 수 있도록 패키지하는 방법입니다. HTML 페이지 헤드에 줄을 넣으십시오). 나는 사람들의 기존 웹 사이트를 망가뜨릴 염려가 있으며 또한 스크립트를 넣기 위해 어떤 초기화 블록 (document.ready, document.load 등)에 있는지 잘 모르겠습니다.

웹 사이트 "위젯"을 배포 할 때 어떤 제안이나 개인적인 경험이 있습니까? 당신의 목표는 당신이 자신의 파일에 위젯에 관련된 모든 자바 스크립트와 CSS를 넣어해야 다른 사이트에 구현하는 위젯을 쉽게하는 경우

는

광대

Answer 1

, 감사합니다. 이것은 대부분의 기존 jQuery 플러그인이 배포되는 방식이므로 사용자는 추가 자바 스크립트 및 CSS 파일을 문서의 머리 부분에 넣고 몇 줄의 HTML을 추가하면됩니다. 플러그인을 사용하는 모든 파일 (이미지 포함)은 일반적으로 같은 폴더에 저장되므로 쉽게 배포하고 설치할 수 있습니다. 물론 다른 사람들이 당신의 위젯을 설치하기를 원한다면 잘 쓰여진 단계별 지시 사항을 포함시켜야합니다.

당신은 영감에 대한 몇 가지 기존의 jQuery 플러그인을 살펴 할 수 있습니다 : http://plugins.jquery.com/

당신이 jQuery를 사용하여 페이지가로드 된 후, 당신은 그것을 포장해야 실행 코드를 필요로하는 경우 :

를

$(window).load(function() { 
    // Your code here 
};