JQuery中toggle被淘汰后的替代方法(jquery toggle 把自己隐藏了)

在最新的JQuery的程序库中jquery-2.2.3.js中已经有好几个函数被替换到了。应该说版本过1.8或1.9时就淘汰了(查阅文档后发现,toggle1.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");
                }
    
    });


    当然上面的替换方法有局限性。替换方法二: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;
                }
    
    });
    这样就ok了。

JQuery toggle 淘汰 替代方法

分享到:
评论加载中,请稍后...
创APP如搭积木 - 创意无限,梦想即时!
回到顶部