原文:bootstrap插件学习-bootstrap.collapse.js

先看bootstrap.collapse.js的结构 HTML结构 我们先从初始化开始 body监听了所有拥有data toggle collapse 属性的标签,为它们绑定了click事件,在HTML中由于标签上都没有data target属性,所以该事件被阻止冒泡,最后获得点击标题框所对应的内容div的id。 当我们刷新页面,第一次点击时,由于 target .data collapse 为 ...

2013-08-27 12:50 1 6979 推荐指数:

查看详情

Bootstrap 学习js插件(折叠(collapse插件

Bootstrap 折叠(Collapse插件   折叠(Collapse插件可以很容易地让页面区域折叠起来。无论您用它来创建折叠导航还是内容面板,它都允许很多内容选项。 用法 下表列出了折叠(Collapse插件用于处理繁重的伸缩的 class: Class ...

Wed Jun 08 06:31:00 CST 2016 0 10709
Bootstrap 折叠(Collapse插件

折叠(Collapse插件可以很容易地让页面区域折叠起来。无论您用它来创建折叠导航还是内容面板,它都允许很多内容选项。 如果您想要单独引用该插件的功能,那么您需要引用 collapse.js。同时,也需要在您的 Bootstrap 版本中引用 Transition(过渡)插件 ...

Fri Dec 02 18:55:00 CST 2016 1 1874
Bootstrap之折叠(Collapse插件

学习资料:Bootstrap 折叠(Collapse插件 大家可能常见的都是类似: 这种的效果,小颖今天要给大家分享一个不一样的效果嘻嘻。铛铛 ...

Mon May 08 20:05:00 CST 2017 0 2093
bootstrap源码学习与示例:bootstrap-collapse

这次说的是手风琴组件,但是bootstrap的实现有点奇怪,CSS中的类名以accordion为前缀,JS里面的处理组件与相关方法为collapse。 HTML结构以下:类名accordion的DIV包含N个类名为accordion-group的DIV,每组又分两部分 ...

Mon Dec 24 03:31:00 CST 2012 4 8464
BootstrapCollapse

一、简介 Collapse 插件为 HTML 标签提供折叠、展开行为,依赖 transition.jsbootstrap.js 文件中已包含)。 二、实现机制 实现 Collapse 效果需要: 一个 <a> 标签或者 <button> 标签:< ...

Fri Mar 17 22:47:00 CST 2017 0 2003
bootstrap插件学习-bootstrap.scrollspy.js

先看bootstrap.dropdown.js的结构 HTML结构 我们从初始化开始 根据HTML结构,这个很简单,获取body对象,并执行jQuery原型上的方法scrollspy,其中$spy.data()中的值,前几次的源码分析,这个值已经 ...

Wed Aug 21 17:11:00 CST 2013 1 3856
bootstrap插件学习-bootstrap.popover.js

先看bootstrap.popover.js的结构 个人感觉bootstrap.popover.jsbootstrap.tooltip.js的放大版。。源码处很多相似的地方,并且bootstrap.popover.js依赖与bootstrap.tooltip.js插件 ...

Sat Aug 24 23:45:00 CST 2013 2 6567
bootstrap插件学习-bootstrap.button.js

先看bootstrap.button.js的结构 HTML结构 这个例子有点问题,因为初始化时,第一个按钮没有绑定事件,所以第一个按钮不可用,不过没关系,读完源码之后,我们尝试将它补全。 像单独一个开关,直接本身就有btn类,像单选按钮,触发 ...

Sun Aug 25 20:50:00 CST 2013 0 3264
 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM