wild84
2017-09-13 08:13js动画效果有bug,帮我看下
bug就是点击第一次不会有动画效果,第二次以后动画效果正常.
html结构如下
<div id="eventContainer">
<ol class="eventNo">
<li class="active">1</li>
<li>2</li>
<li>3</li>
</ol>
<div id="eventDiv">
<div class="eventPic">
<img src="statics/images/event.gif" alt="">
<div class="eventTitle"><a href="">[商会]聚焦公益人文关怀...</a></div>
</div>
<div class="eventPic">
<img src="statics/images/event.gif" alt="">
<div class="eventTitle">活动2</div>
</div>
<div class="eventPic">
<img src="statics/images/event.gif" alt="">
<div class="eventTitle">活动3</div>
</div>
</div>
</div>
js代码如下:
$("#eventContainer .eventNo").find("li").each(function(){
$(this).click(function(){
$(this).addClass("active");
$(this).siblings().removeClass("active");
var $pic=$(".eventPic");
$($pic[$(this).text()-1]).slideDown("slow");
$($pic[$(this).text()-1]).siblings().hide();
});
});
- 点赞
- 回答
- 收藏
- 复制链接分享
3条回答
为你推荐
- 无限滚动,transiton小bug怎么修复
- 异步
- 前端
- 函数
- javascript
- 1个回答
- js动画效果有bug,帮我看下
- bug
- html5
- javascript
- 动画
- jquery
- 3个回答
- 关于用transition以及left实现轮播图的问题
- javascript
- 3个回答
- js 涉及闭包中变量引用的bug,找不到原因。
- 2个回答
- jQuery自定义动画在中途停止后如何继续运动?
- jquery
- 动画
- 1个回答
换一换