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对象。
相关文章推荐
- CSS中设置margin:0 auto; 水平居中无效的原因分析
- CSS中设置margin:0 auto; 水平居中无效的原因分析
- jQuery.validator验证无效的可能原因
- JQuery 设置show/hide显示隐藏属性无效的原因
- LayoutParams设置无效可能的原因
- [jQuery][css]通过$("#id").width();设置元素宽度在火狐无效
- 6.0SystemUI定制修改后可能引起恢复出厂化设置后下拉无效的原因
- CSS 设置z-index无效原因
- 前端修炼手札:Chrome下CSS字体大小设置小于12px无效
- jQuery - 获取并设置 CSS 类
- trick:CSS 3+checkbox实现JQuery的6个基本动画效果
- Div+CSS网页布局中CSS无效的十个常见原因
- jQuery HTML-------------(捕获、设置、元素、CSS、尺寸)
- jQuery - 获取并设置 CSS 类
- 1.jQuery基础语法 2.jQuery选择器、操作页面文档元素 3.jqueryDOM操作 4.jqueryCSS操作 5.Jquery事件 6.Jquery动画
- 【转帖】DivCSS网页布局中CSS无效的十个常见原因
- 解决安卓windowAnimationStyle 设置退出动画无效或者被干扰的问题
- jquery 设置css margin-left
- 用jQuery的attr()设置option默认选中无效的解决
- 设置Wordpress的Permalink失败的几种可能原因