jquery2 toggle替代方法2013-07-14 周日

最近采用jquery2.0.1以后好多函数都失效了,今天做评论列表隐藏时发现.toggle函数也没用了,用.on来做吧,还得放个判断做两个点击按钮,感觉代码好多也很麻烦,后来网上搜索一番找到两个方法,在此记录一下。

1、引入Migrate插件进行修复。但是我也有洁癖,希望代码越精简越好,这个方法就不考虑了。

2、在现有的jquery代码中加入一段来修复此函数。

$.fn.toggle = function( fn, fn2 ) {
    if ( !$.isFunction( fn ) || !$.isFunction( fn2 ) ) {
        return oldToggle.apply( this, arguments );
    }
    var args = arguments,
        guid = fn.guid || $.guid++,
        i = 0,
        toggler = 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;
    };
        toggler.guid = guid;
        while ( i < args.length ) {
        args[ i++ ].guid = guid;
        }
        return this.click( toggler );
};

至此,大功告成,简单有效也不需引入一大段用不上的代码。

· EOF ·