博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
玩转Bootstrap(JS插件篇)-第1章 模态弹出框 :1-1导入JavaScript插件
阅读量:7229 次
发布时间:2019-06-29

本文共 1607 字,大约阅读时间需要 5 分钟。

导入JavaScript插件

Bootstrap除了包含丰富的Web组件之外,如前面介绍的下拉菜单、按钮组、导航、分页等。他还包括一些JavaScript的插件。

Bootstrap的JavaScript插件可以单独导入到页面中,也可以一次性导入到页面中。因为在Bootstrap中的JavaScript插件都是依赖于jQuery库,所以不论是单独导入还一次性导入之前必须先导入jQuery库。

一次性导入:

Bootstrap提供了一个单一的文件,这个文件包含了Bootstrap的所有JavaScript插件,即bootstrap.js(压缩版本:bootstrap.min.js)。

具体使用如下(或见右侧代码编辑器28-29行):

特别声明:jQuery版本库也可以加载你本地的jQuery版本。

单独导入:

为方便单独导入特效文件,Bootstrap V3.2中提供了12种JavaScript插件,他们分别是:

  ☑ 动画过渡(Transitions):对应的插件文件“transition.js”

  ☑ 模态弹窗(Modal):对应的插件文件“modal.js”

  ☑ 下拉菜单(Dropdown):对应的插件文件“dropdown.js”

  ☑ 滚动侦测(Scrollspy):对应的插件文件“scrollspy.js”

  ☑ 选项卡(Tab):对应的插件文件“tab.js”

  ☑ 提示框(Tooltips):对应的插件文件“tooltop.js”

  ☑ 弹出框(Popover):对应的插件文件“popover.js”

  ☑ 警告框(Alert):对应的插件文件“alert.js”

  ☑ 按钮(Buttons):对应的插件文件“button.js”

  ☑ 折叠/手风琴(Collapse):对应的插件文件“collapse.js”

  ☑ 图片轮播Carousel:对应的插件文件“carousel.js”

  ☑ 自动定位浮标Affix:对应的插件文件“affix.js”

上述单独插件的下载可到github去下载()。

下载后可查看js文件夹,如下图:

接下来依次向大家介绍这些插件如何使用,至于插件源码分析,在本系列不做过多的阐述,具体源码可以阅读各插件的代码。

注意:在后面的例子中我们为了方便都采用一次性导入的方法,即引入“bootstrap.min.js”文件(小伙伴们可以在自己的项目中跟据需要选择单独导入还是一次性导入)。

1  2  3  4 
5 导入JavaScript插件 6
7 8 9 10
27 28 29 30 37 38

 

 

 

 

 

转载地址:http://aidfm.baihongyu.com/

你可能感兴趣的文章
Latest crack software ftp download
查看>>
OpenStack 的防火墙规则流程
查看>>
Overloading Django Form Fields
查看>>
03.MyBatis的核心配置文件SqlMapConfig.xml
查看>>
python学习笔记(9)-python编程风格
查看>>
Apache HTTP Server搭建虚拟主机
查看>>
(译).NET4.X 并行任务中Task.Start()的FAQ
查看>>
git log显示
查看>>
java中相同名字不同返回类型的方法
查看>>
Rails NameError uninitialized constant class solution
查看>>
Android 获取SDCard中某个目录下图片
查看>>
设置cookies第二天0点过期
查看>>
【转载】NIO客户端序列图
查看>>
poj_2709 贪心算法
查看>>
【程序员眼中的统计学(11)】卡方分布的应用
查看>>
文件夹工具类 - FolderUtils
查看>>
http://blog.csdn.net/huang_xw/article/details/7090173
查看>>
lua学习例子
查看>>
研究:印度气候变暖速度加剧 2040年或面临重灾
查看>>
python爬虫——爬取豆瓣TOP250电影
查看>>