首页 热点专区 义务教育 高等教育 出国留学 考研考公
您的当前位置:首页正文

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

2020-11-27 来源:要发发教育

在最新的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了。

显示全文