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

本文共 1658 字,大约阅读时间需要 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

 

 

 

 

 

转载于:https://www.cnblogs.com/jun1019/p/7828520.html

你可能感兴趣的文章
【面试题整理】数据库的优化方案有哪些
查看>>
hdu-5015-233 Matrix-矩阵
查看>>
Android中asset文件夹和raw文件夹区别与用法
查看>>
poj3264
查看>>
Eclipse中git插件导入远程库和上传项目源代码到远程库
查看>>
linux内核剖析-IBM
查看>>
关于Snmp的Trap代码开发之坑
查看>>
TCP 函数
查看>>
CentOS添加新硬盘到新的分区(xfs/ext4) 或者添加新分区
查看>>
20个Linux服务器安全强化建议(二)
查看>>
php-fpm的启动、配置及常见错误
查看>>
在 Linux 上管理加密密钥的最佳体验
查看>>
值得学习的C语言开源项目
查看>>
SYSTEMTAP -ORACLE
查看>>
[唐诗]183清平调词三首-李白
查看>>
深入敌后,揭开骇客真面目
查看>>
使用 Drag and Drop 给Web应用提升交互体验
查看>>
Flutter 三探
查看>>
一道java面试题分析及思考
查看>>
全栈 - 12 数据库 用Python操作MySQL
查看>>