还在苦苦敲代码开发APP?你out啦! 试试积木搭建APP吧~

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

来源:     2017-09-12 11:14:55    人气:     我有话说( 0 人参与)

在最新的JQuery的程序库中jquery-2 2 3 js中已经有好几个函数被替换到了。应该说版本过1 8或1 9时就淘汰了。如: live() 1 9以上被淘汰。

在最新的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 淘汰 替代方法

本文源自互联网,采用知识共享署名-非商业性使用 4.0 国际许可协议进行许可,
版权归原作者,如有问题请联系service@tsingfun.com (编辑:admin)
分享到: