> 웹 프론트엔드 > 부트스트랩 튜토리얼 > 부트스트랩 플러그인이란?

부트스트랩 플러그인이란?

(*-*)浩
풀어 주다: 2019-07-11 13:21:00
원래의
3057명이 탐색했습니다.

Bootstrap에는 기능을 확장하고 사이트에 더 많은 상호 작용을 추가할 수 있는 12개의 jQuery 플러그인이 함께 제공됩니다. 고급 JavaScript 개발자가 아니더라도 Bootstrap의 JavaScript 플러그인 학습을 시작할 수 있습니다. Bootstrap Data API를 사용하면 코드를 작성하지 않고도 대부분의 플러그인을 실행할 수 있습니다.

부트스트랩 플러그인이란?

사이트에서 Bootstrap 플러그인을 참조하는 방법에는 두 가지가 있습니다. (권장 학습: # 🎜🎜# Bootstrap 동영상 튜토리얼)

별도 참조: Bootstrap의 개별 *.js 파일을 사용하세요. 일부 플러그인과 CSS 구성요소는 다른 플러그인에 종속됩니다. 플러그인을 개별적으로 참조하는 경우 먼저 해당 플러그인 간의 종속성을 이해해야 합니다.

컴파일(동시) 인용: bootstrap.js 또는 bootstrap.min.js의 압축 버전을 사용하세요.

不要尝试同时引用这两个文件,因为 bootstrap.js 和 bootstrap.min.js 都包含了所有的插件。
로그인 후 복사
모든 플러그인은 jQuery에 의존합니다. 따라서 플러그인 파일 앞에 jQuery를 인용해야 합니다.

data attribute

JavaScript 코드 한 줄도 작성하지 않고 데이터 속성 API를 통해서만 모든 부트스트랩 플러그인을 사용할 수 있습니다. 이는 Bootstrap의 최고 수준 API이며 첫 번째 선택이 되어야 합니다.

그리고 어떤 경우에는 이 기능을 꺼야 할 수도 있습니다. 따라서 데이터 속성 API를 끄는 방법, 즉 이벤트를 data-api 네임스페이스와 바인딩 해제하고 문서에 바인딩하는 방법도 제공합니다. 다음과 같습니다:

$(document).off('.data-api')
로그인 후 복사
특정 플러그인을 닫아야 하는 경우 아래와 같이 data-api 네임스페이스 앞에 플러그인 이름을 네임스페이스로 추가하기만 하면 됩니다. : #🎜🎜 #
$(document).off('.alert.data-api')
로그인 후 복사

Programmatic API

우리는 모든 Bootstrap 플러그인에 순수 JavaScript API를 제공합니다. 모든 공개 API는 개별 또는 체인 호출 메서드를 지원하고 해당 메서드가 작동하는 요소 컬렉션을 반환합니다(참고: 호출 형식은 jQuery와 일치합니다). 예:

$(".btn.danger").button("toggle").addClass("fat")
로그인 후 복사

Bootstrap과 관련된 더 많은 기술 기사를 보려면

Bootstrap Tutorial

열을 방문하여 알아보세요!

위 내용은 부트스트랩 플러그인이란?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿