设置活动类并将其从所有其他类中删除
16lz
2021-01-22
I've got a couple of divs to scroll between. I need to set the one in active view (after a link was clicked) to 'active' and all the other div's should have that class removed.
我有几个div在之间滚动。我需要将活动视图中的一个(在单击链接后)设置为“活动”,并且所有其他div应该删除该类。
Using toggle I can't get it to work.
使用切换我无法让它工作。
$('.projecten').click(function () {
$('#due').toggleClass('selected'),
$paneTarget.stop().scrollTo('#due', 800, {
margin: true,
onAfter: function () {
$("body").animate({
backgroundColor: "#1f8311"
}, 800),projectenfade();
}
}); menuShow(),titleFadeOut();
});
the html
<div id="due" class="elements">
<h3 class="resizeme">...</h3>
</div>
<div id="otto" class="elements">
<h3 class="resizeme">...</h3>
</div>
<div id="etc" class="elements">
<h3 class="resizeme">...</h3>
</div>
...
<div id="menu">
<p>
<a class="welkom pointme">Welkom</a> <a class="blog pointme">Blog</a> <a class="media pointme">Media</a> <a class="projecten pointme">Projecten</a> <a class="contact pointme">Contact</a>
</p>
</div>
1 个解决方案
#1
6
why not just use addClass and removeClass:
为什么不使用addClass和removeClass:
$(".selected").removeClass("selected");
$(this).addClass("selected");
to only remove selected
from divs use this for the first line:
要仅从div中删除所选内容,请将其用于第一行:
$("div.selected").removeClass("selected");
更多相关文章
- 如何使用jQuery捕获对href值的单击
- 单击列表项时如何编写内容? [重复]
- 如何通过多次单击在画布上显示多个箭头
- 单击链接中的复选框会导致以下链接——我如何避免这种情况?
- 我无法理解为什么我的代码中的单击选择文本
- 当锚标记被单击时,角值从一个页面传递到另一个页面
- 儿童视图不在angular-ui-router中工作
- 可以将Eclipse配置为防止某些警告出现在Problems视图窗格中吗?
- 在Codeigniter中将javascript变量从视图发送到控制器[重复]