小编给大家分享一下jquery1.9.1中如何使用toggle方法,希望大家阅读完这篇文章之后都有所收获,下面让我们一起去探讨吧!
jquery1.9.1 toggle的使用方法:1、打开相应的js代码;2、在js中添加“$.fn.toggle = function( fn, fn2 ) {...}”代码即可给元素绑定toggle功能。
本文操作环境:windows7系统、jquery1.9.1 版、DELL G3电脑
jquery1.9以上版本如何使用toggle函数?
toggle() 方法用于绑定两个或多个事件处理器函数,以响应被选元素的轮流的 click 事件。
但是在1.9及以上的版本中已经删除了该功能。
感觉这个功能还是不错的,以下来自网上搜集,可以在js中加入以下这段代码,然后就可以给元素绑定toggle功能。
$.fn.toggle = function( fn, fn2 ) {
var args = arguments,guid = fn.guid || $.guid++,i=0,
toggle = function( event ) {
var lastToggle = ( $._data( this, "lastToggle" + fn.guid ) || 0 ) % i;
$._data( this, "lastToggle" + fn.guid, lastToggle + 1 );
event.preventDefault();
return args[ lastToggle ].apply( this, arguments ) || false;
};
toggle.guid = guid;
while ( i < args.length ) {
args[ i++ ].guid = guid;
}
return this.click( toggle );
};
看完了这篇文章,相信你对“jquery1.9.1中如何使用toggle方法”有了一定的了解,如果想了解更多相关知识,欢迎关注编程网行业资讯频道,感谢各位的阅读!