文档文库
手机版
投诉建议
热门搜索： 心得体会 演讲稿 思想汇报
首页 > JavaScript插件

JavaScript插件

发布时间：2023-02-18 14:25:15   来源：文档文库   
小 中 大
字号：
手机查看
一、概览1.单个还是全部引入插件可以单个引入（使用Bootstrap提供的单个*.js文件），或一次性全部引入（使用bootstrap.js或压缩版的bootstrap.min.js）。不要将两份文件全部引入bootstrap.js和bootstrap.min.js同样是包含了所有插件。区别是：一个没有压缩，一个进行了压缩。插件之间的依赖某些插件和CSS组件依赖于其它插件。如果你是单个引入每个插件的，请确保在文档中检查插件之间的依赖关系。注意，所有插件都依赖jQuery（也就是说，jQuery必须在所有插件之前引入页面）。bower.json文件中列出了所支持的jQuery版本。2.Data属性你可以仅仅通过data属性API就能使用所有的Bootstrap插件，无需写一行JavaScript代码。这是Bootstrap中的一等API，也应该是你的首选方式。话又说回来，在某些情况下可能需要将此功能关闭。因此，我们还提供了关闭data属性API的方式，即解除绑定到文档命名空间上的所有事件data-api。就像下面这样：$(document.off('.data-api'另外，如果是针对某个特定的插件，只需在data-api前面添加那个插件的名称作为命名空间，如下：$(document.off('.alert.data-api'3.编程式API我们还提供了所有Bootstrap插件的纯JavaScriptAPI。所有公开的API都是支持单独或链式调用的，并且返回其所操作的元素集合（注：和jQuery的调用形式一致）。$('.btn.danger'.button('toggle'.addClass('fat'所有方法都可以接受一个可选的option对象作为参数，或者一个代表特定方法的字符串，或者什么也不提供（在这种情况下，插件将会以默认值初始化）：$('#myModal'.modal(//使用默认值初始化$('#myModal'.modal({keyboard:false}//初始化。不支持键盘导航$('#myModal'.modal('show'//初始化并立即展示

每个插件还通过Constructor属性暴露了其自身的构造器函数：$.fn.popover.Constructor。如果你想获取某个插件的实例，可以直接从页面元素内获取：$('[rel=popover]'.data('popover'。4.避免冲突
某些时候可能需要将Bootstrap插件与其他UI框架共同使用。在这种情况下，命名空间冲突随时可能发生。如果不幸发生了这种情况，你可以通过调用插件的.noConflict方法恢复原始值。varbootstrapButton=$.fn.button.noConflict(//return$.fn.buttontopreviouslyassignedvalue$.fn.bootstrapBtn=bootstrapButton//give$(.bootstrapBtntheBootstrapfunctionality5.事件Bootstrap为大部分插件所具有的动作提供了自定义事件。一般来说，这些事件都有不定式和过去式两种动词形式，例如，不定式形式的动词（例如shown）表示其在事件开始时被触发；而过去式动词（例如shown）表示其在动作直接完毕之后被触发。从3.0.0开始，所有的Bootstrap事件都采用了命名空间。所有以不定式形式的动词命名的事件都提供了preventDefault功能。这就赋予你在动作开始执行前将其停止的能力。$('#myModal'.on('show.bs.modal',function(e{if(!datareturne.preventDefault(//stopsmodalfrombeingshown}第三方工具库Bootstrap官方不提供对第三方JavaScript工具库的支持，例如Prototype或jQueryUI。除了.noConflict和采用命名空间的事件，还可能会有兼容性方面的问题，这就需要你自己来处理了。你可以在此邮件列表获取帮助。使用下面效果之前，为实现该功能，需在标签内部加入如下内容：JQueryradiohref="http://cdn.bootcss.com/twitter-bootstrap/3.0.3/css/bootstrap.min.css">http://cdn.bootcss.com/jquery/1.10.2/jquery.min.js">http://cdn.bootcss.com/twitter-bootstrap/3.0.3/js/bootstrap.js">二、过渡效果transition.js1.关于过渡效果

本文来源：https://www.2haoxitong.net/k/doc/041ae9722e3f5727a5e9626e.html

《JavaScript插件.doc》
将本文的Word文档下载到电脑，方便收藏和打印
推荐度：
点击下载文档

文档为doc格式
相
关
案
例

相关推荐

推荐内容

物理学相关的高校专业及职业介绍 2020商场五一劳动节活动方案大全 冬至包汤圆活动策划书 财管211 杨邹悦 1210651057 疫情对美国经济的影响(2) 2021-2022学年安徽省亳州市高炉校中考物理最后冲刺模拟试卷含解析 IPO新规新股申购技巧-打新指南 数码产品营销方案 写日记的作文汇编七篇 心理健康论文1000字 台球基础与技能大全
网站内容来自网络，如有侵权请联系我们，立即删除！ Copyright © 范文写作网京ICP备16605803号