站点引用Bootstrap插件的方法(bootstrap,bootstrap插件,web开发)

时间:2024-04-28 14:02:07 作者 : 石家庄SEO 分类 : web开发
  • TAG :

    %E7%AB%99%E7%82%B9%E5%BC%95%E7%94%A8Bootstrap%E6%8F%92%E4%BB%B6%E7%9A%84%E6%96%B9%E6%B3%95

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插件的方法的详细内容,希望对您有所帮助,信息来源于网络。
上一篇:bootstrap能够做什么网站下一篇:

14 人围观 / 0 条评论 ↓快速评论↓

(必须)

(必须,保密)

阿狸1 阿狸2 阿狸3 阿狸4 阿狸5 阿狸6 阿狸7 阿狸8 阿狸9 阿狸10 阿狸11 阿狸12 阿狸13 阿狸14 阿狸15 阿狸16 阿狸17 阿狸18