您的位置:首页 > Web前端 > JQuery

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

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

如:
.live() 1.9以上被淘汰。 替代函数:.on()。
.die() 1.9以上被淘汰。 替代函数:.off()。
.size() 1.8以上被淘汰。替代函数:.length。

.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 state=0;
$(".one .top").click(function() {
if(state==0){
$(".content").hide("slow");
$(".iocn").addClass("jia");
state=1;
}else  {
$(".content").show(1500);
$(".iocn").addClass("jian");
state=0;
}

});

这样就OK了。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: