jquery - 如何在 rails 中使用 jquery 激活链接

Question

我试图在我的导航栏中获取一些事件链接，但失败了很长时间，我做错了什么？

HTML:

<div class="navbar-links text-center hidden-xs hidden-sm">
  <%= link_to "HOME", "#one", class: "navbar-links link-home" %>
  <%= link_to "FEATURES", "#features-container", class: "navbar-link link-home" %>
  <%= link_to "TEMPLATES", "#templates", class: "navbar-links link-home" %>
  <%= link_to "CONTACT", "#map", class: "navbar-links link-home" %>
</div>

CSS:

.active-link {
  color: #C99D9A;
  transition: all 0.3s ease;
  opacity: 80%;
  border-bottom: 3px solid #C99D9A;
}

JQUERY:

$('.navbar-links a').on('click', function(){
  $('this').removeClass('.active-link');
  $(this).addClass('.active-link');
});

Answer 1

removeClass 和addClass 中的两个点(.) 需要采取一种方式。关注 Jquery document : .removeClass( [className ] )

$('this').removeClass('active-link');
$(this).addClass('active-link');