Question

我在一个简单的.hasClass .addClass概念上陷入困境。我有一个与我的媒体设备视口匹配的完整页面布局。当您滚动或单击导航时，它会通过active类的转移跳转到下一个相应的div。

我希望做的是addClass到其中的active div img，以将动画应用到页面中。但出于某种原因，这对我来说并不合适。由于active类传输img不会随之更新。

思考？

＆＃13;

  if ( $('.section').hasClass('active') ) {
    $('.active img').addClass('slideUp');
  }

＆＃13;

.section { min-height: 200px; background:rgba(0,0,0,0.15); padding: 15px; }
.active img { background:rgba(0,0,0,1);

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="section active" id="section0">
		<img src="http://www.smashbros.com/images/character/kirby/main.png">
	</div>
 
 	<div class="section" id="section1">
		<img src="https://kirby.nintendo.com/planet-robobot/assets/img/home/copy-kirby.png">
	</div>

＆＃13;

Answer 1

从上一条评论中，只需在添加活动类的同时添加slideUp类（基本上在导航的点击监听器上）

hasClass addClass更新基于hashtag更新

1 个答案: