在页面加载时将文本状态设置为活动

Question

http://jsfiddle.net/RKZ8s/

我想要它，所以当页面加载'instagram'时，文本已经着色，然后可以在其他文本之间切换。无法找到如何将其设置为“活动”onLoad或某些方式。

$(".filter").hover(
    function() {
        $(this).addClass("hover");
    }, function() {
        $(this).removeClass("hover");
    }
);

$(".filter").click(function() {
    $(".filter").removeClass("active");
    $(this).removeClass("hover").addClass("active");
});

Answer 1

试试这个，它会在页面加载完成后将该类添加为活动状态。

$(document).ready(function(){
   $(".filter:first").addClass("active");
});

Answer 2

在Html中添加活动类

<div class="button one" ><a href="#" class="filter active">instagram</a></div>