zoukankan      html  css  js  c++  java
  • jquery 1.9以上新版本不支持toggle()的解决方法

    原文: http://blog.csdn.net/u011061889/article/details/50397462

    参考: http://www.cnblogs.com/lionden/archive/2013/03/21/2973410.html

    ----------------------------------------------------------------------------------------------------------------------

    今天写一个静态页面,需要点击一个按钮,按顺序执行俩个事件。记得之前看jquery的时候有一个事件toggle() 可以实现这个功能。 
    W3C中是这样解释这个事件的:

    toggle() 方法用于绑定两个或多个事件处理器函数,以响应被选元素的轮流的 click 事件。

    多次尝试之后,发现绑定多个函数,执行的时候并没有解释的那样,点击一次执行一个函数。 
    折腾了一上午才发现,原来在1.9以上的jquery都删除了这个事件。 
    那么要怎么解决这个问题呢。我的做法是,js代码部分引入一段代码,让高版本的jquery兼容这事件。代码如下:

    $.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 );
      };

    直接在js代码中加入以上代码,就可以使用toggle()事件的功能

  • 相关阅读:
    paste DEMO合并文件
    diff 文件比较
    grep DEMO
    tr DEMO
    uniq DEMO
    sort DEMO
    定义提示符 PS1 PS4
    MAVEN修改localRepository不起作用
    java数组初始化
    oracle监听服务无法打开
  • 原文地址:https://www.cnblogs.com/oxspirt/p/7656302.html
Copyright © 2011-2022 走看看