大橙子网站建设,新征程启航
为企业提供网站建设、域名注册、服务器等服务
小编给大家分享一下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方法”有了一定的了解,如果想了解更多相关知识,欢迎关注创新互联行业资讯频道,感谢各位的阅读!