Question

我正在为自己的发展而从事个人项目，为了我的一生，我无法解决问题。

我的问题：如果地址栏中的#anchor变量为'this'，则添加该类。这方面效果很好，但是如果单击按钮并且更改了锚点，则该类不会自动应用。如何通过代码修改状态更改？任何想法或建议，表示赞赏。

我尝试了多种组合，但是下面的组合最接近我的目标？

jQuery(function($) {
  var path = location.href;
  $('li a').each(function() {
    if (this.href === path) {
      $(this).addClass('current-link');
    }
  });
});

Answer 1

尝试

jQuery(function($) {
  var path = location.href;
  $('li a').each(function() {
    if (this.href === path) {
      $(this).addClass('current-link');
    }
  });

  // Add this code
  $('li a').click( function() {
    $( this ).parents('ul').find('.current-link').removeClass('current-link');
    $( this ).addClass('current-link');
  } );
});

根据锚链接更改状态-在负载下有效，但如果锚发生更改则不起作用？

1 个答案: