bootstrap 通过js代码创建和关闭插件

【bootstrap 通过js代码创建和关闭插件】的更多相关文章

bootstrap 通过js代码创建和关闭插件

插件的创建机制默认情况下,boostrap.js文件被页面加载执行完成后,boostrap会自动根据html元素的data-toggle属性和相关class创建插件对象.有时候,我们不希望boostrap插件的行为影响到整个页面,希望可以精准地在一个指定的html元素上创建插件.要想达到这个目的,需要两个步骤: 1. 关闭插件的默认行为. 2. 在指定的html元素重新创插件. 第一步只需要很简单的一行代码就可以达到目的: $(document).off(".data-api"…

如何将Js代码封装成Jquery插件

很多相同的Jquery代码会在很多页面使用,每次都复制粘贴太麻烦了,不如封装成一个Jquery插件就方便了,至于影响网页的速度不,我就没有测试了哈. 代码如下这是一个自定闪烁打印文字的Jquery特效 HTML代码如下: <div id="code"> /** *2014-2-12 *代码自动闪烁输入 */ --,I wa…

Atom编辑器折腾记_(15)JS代码片段补全(插件:javascript-snippets)

题外话这款插件就比較重量级了-.用熟悉了写原生JS的效率要提升非常多--并且,不仅支持JS还包括了nodejs snippet javascript-snippets 插件作者: zenorocha Github地址 : https://github.com/zenorocha/atom-javascript-snippets 内置了丰富的JS snippet . 并且也非常好理解和记忆-耍多了会上手的安装在设置中心搜索安装代码片段(Tab或者Enter补全) Console命令 [cd…

MyEclipse安装JS代码提示（Spket插件）

近期需要大量使用JS来开发,但是MyEclipse2014自带的JS编辑器没有代码提示的功能,开发效率有点低,所以安装了一个Spket的插件,过程非常简单,SVN插件的安装比这个更简单. Spket插件的安装: 首先下载插件:http://download.csdn.net/detail/u012909091/7335891 解压文件,然后将解压后的文件全部复制到MyEclipse安装目录下的dropins包中,重启MyEclipse.(SVN的安装只需要将文件解压,然后放在dropins目录下…

bootstrap插件学习-bootstrap.modal.js

bootstrap插件学习-bootstrap.modal.js 先从bootstrap.modal.js的结构看起. function($){ var Modal = function(){} //构造器 Modal.prototype = function(){} //构造器的原型 function ..(){} //自定义方法 $.fn.modal = function(){} //在jQuery对象上自定方法 $.fn.modal.defaults = {} //设置默认属性 $.fn.…

Bootstrap transition.js 插件详解

Bootstrap 自带的 JavaScript 插件的动画效果几乎都是使用 CSS 过渡实现的,而其中的 transition.js 就是为了判断当前使用的浏览器是否支持 CSS 过渡.下面先来简单了解下 CSS 过渡. CSS 过渡 CSS 过渡是指在 CSS 属性发生改变时在一段时间内平滑地过渡,使用 CSS 伪类可以很方便地使用: a { color: #333; transition: color 1s linear; } a:hover { color: #36f; } 这里给链接设…

bootstrap插件学习-bootstrap.carousel.js

先看bootstrap.carousel.js的结构 var Carousel = function (element, options){} //构造器 Carousel.prototype = {} // 构造器原型 $.fn.carousel = function ( option ) {} //jQuery原型上自定义的方法 $.fn.carousel.defaults ={} //默认参数 $.fn.carousel.Constructor = Carousel // 重写jQuery…