0

我在使用此菜单的活动课程时遇到问题。

在此处输入图像描述

正如您在此处看到的，现在活动课程位于所有订单选项卡上。

当我单击它并删除过去选项卡的类时，我想在每个选项卡上激活它。

此菜单的 HTML -

<ul id="mainSideMenu" class="nav nav-list nav-side" >
    <li class="accordion-group">
        <div class="accordion-heading active ">
            <a href="#accDash" id="AllOrders" data-parent="#mainSideMenu"  data-toggle="collapse" class="accordion-toggle ">
                <span class="item-icon fontello-icon-monitor "></span><i class="chevron fontello-icon-right-open-3"></i>
                All Orders
            </a>
        </div>
    </li>
</ul>

这是活跃的课程-

.nav-side .accordion-group > .active {
    background: url("../img/background/body-bg-02.jpg") repeat scroll 0 0;
}

使用 jQuery 我尝试过-

$(function(){
    $(".accordion-group").click(function(){
        $(".accordion-group").removeClass('.active').addClass('.active');
        $(this).addClass('.active');
    });
});

那没有发生

这发生在这里 - Boo 管理模板

4

7 回答 7

2

您不需要addClassand中的前导点removeClass。
为什么要在第二行添加活动类？删除那部分。
而且您将课程添加到标题，而不是组？

$(function(){
    $(".accordion-group").click(function(){
        $(".accordion-heading").removeClass('active');
        $(this).find('.accordion-heading').addClass('active');
    });
});
于 2013-04-09T09:18:55.480 回答
0

.accordion-group拥有active该类的不是您的，因此您不需要在其中添加和删除它。此外，您应该添加和删除一个名为 的类active，而不是.active。

似乎您当前正在删除活动类后立即重新添加它，这是错误的。

$(function(){
   $(".accordion-group").click(function(){
      $(".accordion-group .active").removeClass('active');
      $('.accordion-heading', this).addClass('active');
   });
});
于 2013-04-09T09:19:27.107 回答
0

尝试这个

$(".accordion-group").removeClass('active').addClass('active');

类名就足够了。删除.类名之前

于 2013-04-09T09:19:29.310 回答
0

删除 .from 类名

$(function(){
$(".accordion-group").click(function(){
$(".accordion-group").removeClass('active').addClass('active');
$(this).addClass('active');
});
});
于 2013-04-09T09:19:37.513 回答
0 
$(this).addClass('active');

消除.

阅读更多关于.addClass()和.removeClass()

于 2013-04-09T09:20:18.577 回答
0

由于这似乎是一个手风琴插件，我认为点击被“a”捕获并且没有传播到 li.accordion-group （这就是您的代码似乎没有被执行的原因），您是否尝试过监听事件“a”而不是“li”？

就像是

$(function(){
    $(".accordion-group .accordion-heading a").click(function(){
        $(".accordion-heading").removeClass('active');
        $(this).parent().addClass('active');
    });
});

顺便说一句，我会使用 .on() 方法而不是 .click() :)

于 2013-04-09T13:12:00.627 回答
0 
<ul class="ulVertical">
        <li id="firstLink" class="vertical-selected-li">My First Link</li>
        <li id="secondLink" class="">My Second List</li>
        <
    </ul>

<script type="text/javascript">
$(document).ready(function () { 
    $("#secondLink").click(function () {

    $(this).siblings().removeClass('vertical-selected-li');
    $(this).addClass('vertical-selected-li');

    }); 
});
</script>
于 2013-04-09T09:23:57.467 回答