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()事件的功能

  • 相关阅读:
    return跳转 和 goto跳转
    continue跳转
    break跳转
    循环的嵌套,以for循环为例
    for“列表”型循环
    do while“直到”型循环
    while“当”型循环
    选择结构 switch
    Tomcat和Servlet简析
    并发事务和隔离级别
  • 原文地址:https://www.cnblogs.com/oxspirt/p/7656302.html
Copyright © 2011-2022 走看看