jquery1.9.1 toggle方法怎么用

藏色散人
发布: 2021-11-18 10:56:49
原创
4399 人浏览过

jquery1.9.1 toggle的使用方法:1、打开相应的js代码;2、在js中添加“$.fn.toggle = function( fn, fn2 ) {...}”代码即可给元素绑定toggle功能。

jquery1.9.1 toggle方法怎么用

本文操作环境:windows7系统、jquery1.9.1 版、DELL G3电脑

jquery1.9.1 toggle方法怎么用?

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 );
  };
登录后复制

 推荐学习:《jquery视频教程

以上是jquery1.9.1 toggle方法怎么用的详细内容。更多信息请关注PHP中文网其他相关文章!

相关标签:
来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责声明 Sitemap
PHP中文网:公益在线PHP培训,帮助PHP学习者快速成长!