Miałem kod nawigacyjny HTML, jak poniżej
function Data(string) {
//1. get some data from server according to month year etc.,
//2. unactive all the remaining li's and make the current clicked element active by adding "active" class to the element
$('.filter').removeClass('active');
$(this).addClass('active');
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="row" style="padding-left:21px;">
<ul class="nav nav-tabs" style="padding-left:40px;">
<li class="active filter"><a href="#month" onclick="Data('month')">This Month</a></li>
<li class="filter"><a href="#year" onclick="Data('year')">Year</a></li>
<li class="filter"><a href="#last60" onclick="Data('last60')">60 Days</a></li>
<li class="filter"><a href="#last90" onclick="Data('last90')">90 Days</a></li>
</ul>
</div>
więc z powyższego kodu próbuję zrobić, gdy użytkownik kliknie na którąkolwiek z zakładek, wszystkie pozostałe zakładki powinny być nieaktywne, a bieżący element / karta powinien być aktywny, ale powyższy kod nie działa, więc czy ktoś może mi dać znać, jak sprawić, by powyższy kod zadziałał, czy też jest tak, że możemy wysłać this
(bieżący) obiekt, gdy użytkownik kliknie kartę, ponieważ chcę do tego używać tylko javascript onclick?
źródło