js插件开发应用时,要触发插件的效果,常用的触发方式有哪几种

滚动***插件是用来根据滚动条所处的位置来自动更新导航项的如下所示,滚动导航条下面的区域并关注导航项的变化下拉菜单中的条目也会自动高亮显示。

当使用滾动***插件的同时在 DOM 中添加或删除元素后你需要像下面这样调用此刷新( refresh) 方法:

计算滚动位置时相对于顶部的偏移量(像素数)。

烸当一个新条目被激活后都将由滚动***插件触发此事件

0

为任意元素添加一小块浮层,就像 iPad 上一样用于存放非主要信息。

弹出框的标題和内容的长度都是零的话将永远不会被显示出来

由于性能的原因,工具提示和弹出框的 data 编程接口(data api)是必须要手动初始化的

在一个頁面上一次性初始化所有弹出框的方式是通过 data-toggle 属性选中他们:

4个可能的弹出方向:顶部、右侧、底部和左侧。

通过使用 focus 触发器可以在用户點击弹出框是让其消失

实现“点击并让弹出框消失”的效果需要一些额外的代码

为弹出框赋予淡出的 CSS 动画效果。
0

通过此插件可以为警告信息添加点击并消失的功能

当使用 .close 按钮时,它必须是 .alert-dismissible 的第一个子元素并且在它之前不能有任何文本内容。

为关闭按钮添加 data-dismiss="alert" 属性就可以使其自动为警告框赋予关闭功能关闭警告框也就是将其从 DOM 中删除。

为了让警告框在关闭时表现出动画效果请确保为其添加了 .fade.in 类。

让警告框***具有 data-dismiss="alert" 属性的后裔元素的点击(click)事件(如果是通过 data 属性进行的初始化则无需使用)

关闭警告框并从 DOM 中将其删除。如果警告框被赋予了 .fade.in 类那么,警告框在淡出之后才会被删除

Bootstrap 的警告框插件对外暴露了一些可以被***的事件。

close 方法被调用后立即触发此事件
当警告框被关闭后(也即 CSS 过渡效果完毕之后)立即触发此事件。

按钮的功能很丰富通过控制按钮的状态或创建一组按钮并形成一些新嘚组件,例如工具条

从 v3.3.5 版本开始,此特性不再建议使用并且已经在 v4 版本中删除了。

重置按钮状态 - 将按钮上的文本还原回原始的内容此为异步方法,此方法在内容被重置完成之前即返回


Sea.js 通过事件提供可扩展接口要给 Sea.js 開发插件,需要了解 Sea.js 内部所提供的事件类型

利用以上三个方法,我们就可以给 Sea.js 添加事件来实现扩展了

load -- 开始加载文件时触发 error -- 加载脚本文件出现 404 或其他错误时触发

每个事件触发时会带上相关联的数据,比如

上面就实现了一个最简单的 nocache 插件

每一个事件发送的具体数据参数,請在源码中用事件名搜索相关代码就好

通过 data 接口,你几乎可以获取了 Sea.js 内部的所有配置数据和核心内部数据

有了 data 和 Module,以及前面的事件接ロ插件开发者就可以开发出各种插件了。推荐访问 查看所有插件看一两个插件的源码后,我相信你很快也就能开发出自己的插件

参考资料

 

随机推荐