如何将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>
答案 0 :(得分:1)
试试这个:
$('#menu li a').click(function () {
$('#menu li a').removeClass("active");
$(this).addClass("active");
});