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

Jquery中在slideUp等动画后设置css()可能无效的原因

2017-10-18 18:44 246 查看
$("ul>li").slideUp(1000).eq(0).css("display","block");


给第一个li设置display:block无效,原因是slideUp动画先加入到动画队列中,

并未立即执行等css方法执行完后再执行,因此设置的display:block会被覆盖为display:none;

解决办法:将css写入回调函数中,即:

$("ul>li").slideUp(1000,function(){
$("ul>li").eq(0).css("display","block")
});
//注:回调函数中的this为第一个li元素,而非所有的li对象。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  jquery