iis服务器助手广告广告
返回顶部
首页 > 资讯 > 前端开发 > VUE >jquery1.9.1中如何使用toggle方法
  • 941
分享到

jquery1.9.1中如何使用toggle方法

2024-04-02 19:04:59 941人浏览 独家记忆
摘要

小编给大家分享一下Jquery1.9.1中如何使用toggle方法,希望大家阅读完这篇文章之后都有所收获,下面让我们一起去探讨吧! jquery1.9.1 toggle的使用方法

小编给大家分享一下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方法”有了一定的了解,如果想了解更多相关知识,欢迎关注编程网VUE频道,感谢各位的阅读!

--结束END--

本文标题: jquery1.9.1中如何使用toggle方法

本文链接: https://www.lsjlt.com/news/86710.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

本篇文章演示代码以及资料文档资料下载

下载Word文档到电脑,方便收藏和打印~

下载Word文档
软考高级职称资格查询
推荐阅读
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作