v2.5.2
Giriş yap

Tıklanan Elemente Aktif Sınıfı Atama

coder
652 defa görüntülendi

Merhaba.

Aşağıdaki gibi bootstrap menüm var.
Ben li'ye tıkladığım zaman tıklanan li'ye active class'ı atanmasını istiyorum.

Aşağıdaki kodları denedim ama sonuç alamadım. Sadece ilk li'ye active class'ı atama kodu çalışıyor.

  • Jquery
$( document ).ready(function() {
	
    var n = $('#nav .nav-item');
    n.filter(':first').addClass('active');

    n.click(function (){
        $('#nav .nav-item.active').removeClass("active");
        $(this).addClass('active');
    });
	
});

-Html

<ul class="sidebar navbar-nav" id="nav">
	<li class="nav-item">
		<a class="nav-link" href="/admin">
			<span>Anasayfa</span>
		</a>
	</li>
	<li class="nav-item ">
		<a class="nav-link" href="/uyeler">
			<span>Üyeler</span>
		</a>
	</li>
	<li class="nav-item ">
		<a class="nav-link" href="/kategoriler">
			<span>Kategoriler</span>
		</a>
	</li>
	<li class="nav-item  dropdown">
		<a class="nav-link dropdown-toggle" href="#" id="pagesDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
			<span>Pages</span>
		</a>
		<div class="dropdown-menu" aria-labelledby="pagesDropdown">
			<a class="dropdown-item" href="add-user">Üye Ekle</a>
			<a class="dropdown-item" href="users">Üyeleri Liste</a>
		</div>
	</li>
</ul>
Cevap yaz
Cevaplar (0)
Henüz kimse cevap yazmadı. İlk cevap yazan sen ol!