Rumah  >  Artikel  >  hujung hadapan web  >  JQuery:toggle时间被淘汰之后的替代方法分享

JQuery:toggle时间被淘汰之后的替代方法分享

黄舟
黄舟asal
2017-06-26 13:39:501903semak imbas

在最新的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");
            }

        });

当然上面的替换方法有局限性。替换方法二: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了。

Atas ialah kandungan terperinci JQuery:toggle时间被淘汰之后的替代方法分享. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn