bootstrap插件是什么-Bootstrap教程-PHP中文网

bootstrap插件是什么

(*-*)浩

发布： 2019-07-11 13:21:00

原创

3298人浏览过

bootstrap自带12种jquery插件，扩展了功能，可以给站点添加更多的互动。即使您不是一名高级的javascript开发人员，您也可以着手学习bootstrap的javascript插件。利用bootstrap数据api（bootstrap data api），大部分的插件可以在不编写任何代码的情况下被触发。

bootstrap插件是什么

站点引用Bootstrap插件的方式有两种：（推荐学习：Bootstrap视频教程）

单独引用：使用 Bootstrap 的个别的 *.js 文件。一些插件和 CSS 组件依赖于其他插件。如果您单独引用插件，请先确保弄清这些插件之间的依赖关系。

编译（同时）引用：使用 bootstrap.js 或压缩版的 bootstrap.min.js。

不要尝试同时引用这两个文件，因为 bootstrap.js 和 bootstrap.min.js 都包含了所有的插件。

登录后复制

所有的插件依赖于 jQuery。所以必须在插件文件之前引用 jQuery。

data 属性

你可以仅仅通过 data 属性 API 就能使用所有的 Bootstrap 插件，无需写一行 JavaScript 代码。这是 Bootstrap 中的一等 API，也应该是你的首选方式。

Layx是一款网页弹窗Javript插件

Layx 是一款网页弹窗Javript插件，她将助力于互联网Web开发，提供优质的弹窗体验

查看详情

话又说回来，在某些情况下可能需要将此功能关闭。因此，我们还提供了关闭 data 属性 API 的方法，即解除以 data-api 为命名空间并绑定在文档上的事件。就像下面这样：

$(document).off('.data-api')

登录后复制

如需关闭一个特定的插件，只需要在 data-api 命名空间前加上该插件的名称作为命名空间即可，如下所示：

$(document).off('.alert.data-api')

登录后复制

编程方式的 API

我们为所有 Bootstrap 插件提供了纯 JavaScript 方式的 API。所有公开的 API 都是支持单独或链式调用方式，并且返回其所操作的元素集合（注：和jQuery的调用形式一致）。例如：

$(".btn.danger").button("toggle").addClass("fat")

登录后复制

更多Bootstrap相关技术文章，请访问Bootstrap教程栏目进行学习！

以上就是bootstrap插件是什么的详细内容，更多请关注php中文网其它相关文章！

大家都在看：

bootstrap抽样验证线性假设的方法 bootstrap法在生存分析中的应用实例 Stata中Bootstrap结果的统计显著性判断 bootstrap法计算模型R方的置信区间 bootstrap抽样用于模型比较的详细流程