使用javascript点击时激活

make active while click using javascript

本文关键字：激活 javascript 使用      更新时间：2024-01-13

我有一些内容，我在点击时通过id显示了这些内容。我需要一个用于活动链接的javascript函数（类名为.active），当其他链接处于活动状态时，它会删除（.active），

代码结构的一个例子是：

<ul class="product">
    <li><a href="#myanmar" class="active">Myanmar</a></li>
    <li><a href="#madagascar">Madagascar</a></li>
    <li><a href="#usa">United States of America</a></li>
    <li><a href="#ethiopia">Ethiopia</a></li>
    <li><a href="#brazil">Brazil</a></li>
    <li><a href="#australia">Australia</a></li>
    <li><a href="#china">China</a></li>
    <li><a href="#kenya">Kenya</a></li>
    <li><a href="#canada">Canada</a></li>
</ul>

但要添加到Davids的答案中，这就是您想要做的：在你做任何事情之前，首先检查你点击的链接是否有活动类，这样你就可以避免闪烁（我假设你要跳到动画或非动画的div）

 $('ul.product a').click(function(){
       if(!$(this).hasClass("active")){
                 $(".active").removeClass("active");
                 $(this).addClass("active");
        }else{
            return false;//this prevents flicker
       }
 });

试试这样的东西：

$('ul.product a').click(function(){
    $('ul.product a').removeClass("active");
    $(this).addClass("active");
});

Fiddle：http://jsfiddle.net/s8nky/

check : http://jsfiddle.net/en2LT/

试试这个。。。单击链接时，您应该添加活动的类和删除活动的

相关文章：