Question

我在我的网站上使用此菜单

<div class="q-nav-bar">
<div class="q-nav-bar-item"><a href="#">Home Page</a></div>
<div class="q-nav-bar-item"><a href="#">Link 1</a></div>
<div class="q-nav-bar-item"><a href="#">Link 2</a></div>
</div>

和此代码突出显示所选链接：

$(function(){
        $(\'.q-nav-bar-item a\').each(function(){
            if ($(this).prop(\'href\') == window.location.href) {
            $(this).addClass(\'selected\'); 
            $(this).parents(\'a\').addClass(\'selected\');
            }
        });
    });

它运作正常，但我如何应用＆＃34;选择＆＃34;每次新的任务访问我的页面时，默认情况下统治到主页链接？

Answer 1

＆＃13;

var $link = $('a');

$link.on('click', function(event) {
  event.preventDefault(); // stop normal link function (#)
  $link.removeClass('active');
  $(this).addClass('active');
});

$('.default').trigger('click');

＆＃13;

.active {
  color: red;
}

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<a href="#" class='default'>Link #1</a>
<a href="#">Link #2</a>

＆＃13;

使用jQuery / Javascript突出显示Active / Selected链接

1 个答案: