codepen jquery 예제
다른 펜의 JS는 종속성을 전달하지 않습니다. 예를 들어, 연결하는 펜에 jQuery가 필요한 경우 새 펜에 jQuery를 추가해야 합니다. 연결하는 펜이 전처리기(예: CoffeeScript)를 사용하는 경우 이를 추가하기 전에 자바스크립트로 처리합니다. 원하는 경우 URL 끝에 .js를 추가할 수 있지만 URL을 그대로 두면 JavaScript 외부 리소스로 URL을 입력하기 때문에 해당 펜에서 자바 스크립트를 사용하려고 한다는 것을 알 수 있습니다. 빠른 추가 메뉴에서 인기 있는 라이브러리에 대한 준비된 스크립트 링크가 있습니다. 라이브러리를 선택하면 자바스크립트 필드 중 하나를 해당 라이브러리의 최신 버전에 대한 링크가 자동 채웁니다. 자바스크립트 설정 메뉴를 통해 펜에 자바스크립트 라이브러리를 추가할 수 있습니다. PRO 계정이 있는 경우 다른 웹 사이트, 다른 펜 또는 에셋에서 JavaScript 라이브러리를 추가할 수도 있습니다. 또는 헤더의 “설정” 버튼을 클릭한 다음 펜 설정 메뉴에서 JavaScript 탭을 선택합니다. JavaScript 탭이 자동으로 선택된 펜 설정 메뉴가 열립니다.
자바 스크립트 설정 메뉴에 액세스하는 방법에는 두 가지가 있습니다. 가장 빠른 액세스를 위해 JS 편집기 패널의 왼쪽 상단에 있는 기어 아이콘을 클릭합니다. 라이브러리(또는 라이브러리)를 추가한 후 설정 패널 아래에 있는 녹색 “저장 및 닫기” 버튼을 눌러 라이브러리 선택을 저장해야 합니다. 기본적으로 JavaScript 라이브러리에 대한 두 개의 공백이 있지만 스크립트 링크 아래에 있는 “다른 리소스 추가” 단추를 클릭하여 다른 공간을 추가할 수 있습니다. 다른 펜에서 JS를 연결하려면 다음과 같이 펜의 편집기 보기 /펜/ URL을 자바 스크립트 링크로 사용합니다. 우리는 끝에 작성 된 자바 스크립트를 삽입, 그래서 DOM은 이미 준비! 창 로드를 기다려야 하는 경우 $(window).load(function(function() { })와 같은 것을 사용해야 합니다. 라이브러리 또는 기타 외부 자바스크립트를 제거하려면 URL 입력 오른쪽에 있는 ×를 클릭합니다. 변경 내용을 저장해야 합니다.
Comments are currently closed.