Bootstrap 软件概览

摘要:在前边 合理布局部件 章节目录中常探讨到的部件只是是个刚开始。Bootstrap 内置 12 种 jQuery 软件,拓展了作用,能够给站点加上大量的互动交流。即便您并不是一位高級的 JavaScript 开发...

在前边 合理布局部件 章节目录中常探讨到的部件只是是个刚开始。Bootstrap 内置 12 种 jQuery 软件,拓展了作用,能够给站点加上大量的互动交流。即便您并不是一位高級的 JavaScript 开发设计工作人员,您还可以下手学习培训 Bootstrap 的 JavaScript 软件。运用 Bootstrap 数据信息 API(Bootstrap Data API),大部分分的软件能够不在撰写一切编码的状况下被开启。

站点引入 Bootstrap 软件的方法有二种:

独立引入:应用 Bootstrap 的某些的 *.js 文档。一些软件和 CSS 部件依靠于别的软件。假如您独立引入软件,请先保证搞清这种软件中间的依靠关联。 编译程序(同时)引入:应用 bootstrap.js 或缩小版的 bootstrap.min.js。不必试着同时引入这2个文档,由于 bootstrap.js 和 bootstrap.min.js 都包括了全部的软件。 全部的软件依靠于 jQuery。因此务必在软件文档以前引入 jQuery。请浏览 bower.json 查询 Bootstrap 当今适用的 jQuery 版本号。
你可以以只是根据 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")

全部的方式都可以以接纳一个可选择的选择项目标做为主要参数,或是一个意味着特殊方式的标识符串,或是没有一切主要参数(这类状况下,可能原始化软件为默认设置个人行为),以下所显示:

// 原始化作默认设置个人行为
$("#myModal").modal() 
 // 原始化作不兼容电脑键盘 
$("#myModal").modal({ keyboard: false }) 
// 原始化并马上启用 show
$("#myModal").modal('show') 

每一个软件在 Constructor 特性上也曝露了其初始的结构涵数:$.fn.popover.Constructor。假如您想获得某一特殊软件的案例,能够立即根据网页页面原素获得:

 $('[rel=popover]').data('popover').
防止取名室内空间矛盾

一些情况下 Bootstrap 软件将会必须两者之间他 UI 架构一起应用。在这里种状况下,将会会产生取名室内空间矛盾。假如悲剧产生了这类状况,你可以以根据启用软件的 .noConflict 方式修复其初始值。

// 回到 $.fn.button 以前所赋的值
var bootstrapButton = $.fn.button.noConflict() 
// 为 $().bootstrapBtn 授予 Bootstrap 作用  
$.fn.bootstrapBtn = bootstrapButton 

Bootstrap 为大多数数软件的与众不同个人行为出示了自定恶性事件。一般来讲,这种恶性事件有二种方式:

动词不确定式:这会在恶性事件刚开始时被开启。比如 ex: show。动词不确定式恶性事件出示了 preventDefault 作用。这促使在恶性事件刚开始前能够终止实际操作的实行。
$('#myModal').on('show.bs.modal', function (e) {
// 阻拦多形式框的显示信息
 if (!data) return e.preventDefault() 
以往词性标注方式:这会在姿势实行结束以后被开启。比如 ex: shown。


联系我们

全国服务热线:4000-399-000 公司邮箱:343111187@qq.com

  工作日 9:00-18:00

关注我们

官网公众号

官网公众号

Copyright?2020 广州凡科互联网科技股份有限公司 版权所有 粤ICP备10235580号 客服热线 18720358503

技术支持:图片修改文字软件