Bootstrap自带12种jQuery插件,扩展了功能,可以给站点添加更多的互动。即使您不是一名高级的JavaScript开发人员,您也可以着手学习Bootstrap的JavaScript插件。利用Bootstrap数据API(Bootstrap Data API),大部分的插件可以在不编写任何代码的情况下被触发。
站点引用Bootstrap插件的方式有两种:(推荐学习:Bootstrap视频教程)
单独引用:使用 Bootstrap 的个别的 *.js 文件。一些插件和 CSS 组件依赖于其他插件。如果您单独引用插件,请先确保弄清这些插件之间的依赖关系。
编译(同时)引用:使用 bootstrap.js 或压缩版的 bootstrap.min.js。
不要尝试同时引用这两个文件,因为 bootstrap.js 和 bootstrap.min.js 都包含了所有的插件。
所有的插件依赖于 jQuery。所以必须在插件文件之前引用 jQuery。
data 属性
你可以仅仅通过 data 属性 API 就能使用所有的 Bootstrap 插件,无需写一行 JavaScript 代码。这是 Bootstrap 中的一等 API,也应该是你的首选方式。
话又说回来,在某些情况下可能需要将此功能关闭。因此,我们还提供了关闭 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教程栏目进行学习!
作者:(*-*)浩
JS将小数转为整数的方法:1、使用“parseInt(小数值)”语句;2、使用“~~小数值”语句;3、使用“Math.floor(小数值)”语句;4、...
css中z-index属性在做项目时,常常会用到弹出一个层,然后在这个层上进行操作,操作完成时就关闭弹出层,或者点击别的地方进行关...
层次型、网状型和关系型数据库划分的原则是数据之间的联系方式。层次数据库是按记录来存取数据的;网状数据库是采用网状原理和方...
需求:一个p设置了background: url,现在需要使图片背景模糊,p内的文字清晰显示。原始代码:!DOCTYPE htmlhtml lang=enheadmeta...
我们学习了解了这么多关于PHP的知识,不知道你们对PHP中关于is,between,in等运算符的用法是什么?是否已经完全掌握了呢,如果...