站点引用Bootstrap插件的方法
导读:本文共1187.5字符,通常情况下阅读需要4分钟。同时您也可以点击右侧朗读,来听本文内容。按键盘←(左) →(右) 方向键可以翻页。
摘要: Bootstrap自带12种jQuery插件,扩展了功能,可以给站点添加更多的互动。即使您不是一名高级的JavaScript开发人员,您也可以着手学习Bootstrap的JavaScript插件。利用Bootstrap数据API(Bootstrap Data API),大部分的插件可以在不编写任何代码的情况下被触发。站点引用Bootstrap插件的方式有两种:单... ...
目录
(为您整理了一些要点),点击可以直达。Bootstrap自带12种jQuery插件,扩展了功能,可以给站点添加更多的互动。即使您不是一名高级的JavaScript开发人员,您也可以着手学习Bootstrap的JavaScript插件。利用Bootstrap数据API(Bootstrap Data API),大部分的插件可以在不编写任何代码的情况下被触发。
站点引用Bootstrap插件的方式有两种:
单独引用:使用 Bootstrap 的个别的 *.js 文件。一些插件和 CSS 组件依赖于其他插件。如果您单独引用插件,请先确保弄清这些插件之间的依赖关系。
编译(同时)引用:使用 bootstrap.js 或压缩版的 bootstrap.min.js。
所有的插件依赖于 jQuery。所以必须在插件文件之前引用 jQuery。
data 属性
你可以仅仅通过 data 属性 API 就能使用所有的 Bootstrap 插件,无需写一行 JavaScript 代码。这是 Bootstrap 中的一等 API,也应该是你的首选方式。
话又说回来,在某些情况下可能需要将此功能关闭。因此,我们还提供了关闭 data 属性 API 的方法,即解除以 data-api 为命名空间并绑定在文档上的事件。就像下面这样:
如需关闭一个特定的插件,只需要在 data-api 命名空间前加上该插件的名称作为命名空间即可,如下所示:
编程方式的 API
我们为所有 Bootstrap 插件提供了纯 JavaScript 方式的 API。所有公开的 API 都是支持单独或链式调用方式,并且返回其所操作的元素集合(注:和jQuery的调用形式一致)。例如:
站点引用Bootstrap插件的方法的详细内容,希望对您有所帮助,信息来源于网络。