欢迎各位兄弟 发布技术文章

这里的技术是共享的

You are here

JQuery中 toggle 被淘汰后的替代方法

在最新的jQuery的程序库中jquery-2.2.3.js中已经有好几个函数被替换到了。应该说版本过1.8或1.9时就淘汰了。 

如:

  1. .live() 1.9以上被淘汰。 替代函数:.on()。
  2. .die() 1.9以上被淘汰。 替代函数:.off()。
  3. .size() 1.8以上被淘汰。替代函数:.length。
  4. .toggle() 1.8以上被淘汰。

    对于toggle,一般都会用if进行替换。 
    如正常用toggle:

$(".one .top").toggle(
        function (){
             $(".content").show(1500);
             $(".iocn").addClass("jian");

        },
        function (){
             $(".content").hide("slow");
               $(".iocn").addClass("jia");

        }
        );

替换方法一:

$(".one .top").click(function() {
            if($(".content").css("display")=="none"){
                 $(".content").show(1500);
                 $(".iocn").addClass("jian");
            }else {

                 $(".content").hide("slow");
                 $(".iocn").addClass("jia");
            }

        });
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11

当然上面的替换方法有局限性。替换方法二:if语句。

var i=0;
        $(".one .top").click(function() {
            if(i==0){
                 $(".content").hide("slow");
                 $(".iocn").addClass("jia");
                 i=1;
            }else  {
                 $(".content").show(1500);
                 $(".iocn").addClass("jian");
                 i=0;
            }

        });
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
 这样就ok了。

来自 http://blog.csdn.net/chaplinlong/article/details/51198578



下面的方法 好像 jquery 2 版本以上不行
jquery中交替点击事件toggle方法的使用示例

作者: 字体:[增加 减小] 类型:转载 时间:2013-12-08 我要评论

jquery中交替点击事件toggle方法中有两个参数,分别是要交替执行的事件。如果不传参默认是显示隐藏功能,下面有个不错的示例,感兴趣的朋友可以参考下
 
复制代码代码如下:

$('#clickId‘).toggle( 

function(){$('#divId').hide();}, 

function(){$('#divId').show();} 

); 

toggle方法中有两个参数,分别是要交替执行的事件。如果不传参默认是显示隐藏功能
来自 http://www.jb51.net/article/44245.htm
普通分类: