Bootstrap에는 기능을 확장하고 사이트에 더 많은 상호 작용을 추가할 수 있는 12개의 jQuery 플러그인이 함께 제공됩니다. 고급 JavaScript 개발자가 아니더라도 Bootstrap의 JavaScript 플러그인 학습을 시작할 수 있습니다. Bootstrap Data API를 사용하면 코드를 작성하지 않고도 대부분의 플러그인을 실행할 수 있습니다.
사이트에서 Bootstrap 플러그인을 참조하는 방법에는 두 가지가 있습니다. (권장 학습: # 🎜🎜# Bootstrap 동영상 튜토리얼)
별도 참조: Bootstrap의 개별 *.js 파일을 사용하세요. 일부 플러그인과 CSS 구성요소는 다른 플러그인에 종속됩니다. 플러그인을 개별적으로 참조하는 경우 먼저 해당 플러그인 간의 종속성을 이해해야 합니다. 컴파일(동시) 인용: bootstrap.js 또는 bootstrap.min.js의 압축 버전을 사용하세요.不要尝试同时引用这两个文件,因为 bootstrap.js 和 bootstrap.min.js 都包含了所有的插件。
data attribute
JavaScript 코드 한 줄도 작성하지 않고 데이터 속성 API를 통해서만 모든 부트스트랩 플러그인을 사용할 수 있습니다. 이는 Bootstrap의 최고 수준 API이며 첫 번째 선택이 되어야 합니다. 그리고 어떤 경우에는 이 기능을 꺼야 할 수도 있습니다. 따라서 데이터 속성 API를 끄는 방법, 즉 이벤트를 data-api 네임스페이스와 바인딩 해제하고 문서에 바인딩하는 방법도 제공합니다. 다음과 같습니다:$(document).off('.data-api')
$(document).off('.alert.data-api')
Programmatic API
우리는 모든 Bootstrap 플러그인에 순수 JavaScript API를 제공합니다. 모든 공개 API는 개별 또는 체인 호출 메서드를 지원하고 해당 메서드가 작동하는 요소 컬렉션을 반환합니다(참고: 호출 형식은 jQuery와 일치합니다). 예:
$(".btn.danger").button("toggle").addClass("fat")
Bootstrap과 관련된 더 많은 기술 기사를 보려면
Bootstrap Tutorial위 내용은 부트스트랩 플러그인이란?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!