将类添加到单击的li对象

时间:2015-09-18 16:06:28

标签: jquery css html-lists

如何将class="active"添加到点击的li对象中? 单击链接时,它当前不工作。请在下面找到我的代码。

<div class="nav-collapse collapse pull-right">
                    <ul id="menu" class="nav">
                        <li><a href="Default.aspx">Anasayfa</a></li>
                        <li><a href="About.aspx">Hakkımızda</a></li>
                        <li class="dropdown">
                            <a href="#" class="dropdown-toggle " data-toggle="dropdown">Hizmetlerimiz <i class="icon-angle-down"></i></a>
                            <ul class="dropdown-menu">
                                <li><a href="WebDesign.aspx">Web Tasarım</a></li>
                                <li><a href="GraphicDesign.aspx">Grafik Tasarım</a></li>
                                <li><a href="MatbaaHizmetleri.aspx">Matbaa Hizmetleri</a></li>
                                <li><a href="PromosyonHizmetleri.aspx">Promosyon Hizmetleri</a></li>
                                <li><a href="AcikHavaReklam.aspx">Açık Hava Reklamcılığı</a></li>
                                <li><a href="StandUygulamaları.aspx">Fuar Stand Uygulamaları</a></li>
                            </ul>
                        </li>
                        <li><a href="References.aspx">Referanslar</a></li>

                        <li><a href="Blog.aspx">Blog</a></li>
                        <li><a href="Contact.aspx">İletişim</a></li>                           
                    </ul>
                </div>


header.navbar .nav > li.active > a, header.navbar .nav > li.active > a:hover {
            background: transparent;
            color: #2dcc70;
            -webkit-box-shadow: none;
            -moz-box-shadow: none;
            box-shadow: none;
        }

 <script type="text/javascript">
        $(document).ready(function () {
            $('#menu > li > a').click(function () {
                $('#menu > li > a').removeClass("active");
                $(this).addClass("active");
            });
        });
    </script>

1 个答案:

答案 0 :(得分:1)

试试这个:

$('#menu li a').click(function () {
            $('#menu li a').removeClass("active");
            $(this).addClass("active");
        });