Question

请参阅演示：http://jsfiddle.net/B5dYv/5/

 $(document).ready(function() {
     $('#stickyheader a').on('click', function() {
         $('.active').removeClass('active');
         $(this).addClass('active');
     });
 });

如何在页面加载时使第一个链接（discography）默认为红色，然后在点击任何其他链接时变为灰色？

Answer 1

点击处理程序后添加以下行：

$('#stickyheader a:first').addClass('active');

或者将class="active"添加到HTML中的唱片目录链接中，以便页面加载相应的类。这样，它就不必等待JavaScript添加它。

Answer 2

将.filter(':first-child').addClass('active').end();添加到您的事件绑定中以使用链接的强大功能（并且不需要jQuery来重新查询DOM：）

 $(document).ready(function() {
    $('#stickyheader a').on('click', function() {
        $(".active").removeClass("active");
        $(this).addClass("active");
    }).filter(':first-child').addClass('active');
});

更新了JSFiddle：http://jsfiddle.net/B5dYv/94/

如何在页面加载时使第一个链接颜色默认为“红色”

2 个答案: