設置文本狀態到激活頁面加載

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

添加類活躍在HTML中

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

Answer 2

試試這個，它會在頁面完成加載時添加活動類。

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