javascript - 加载页面时显示第一个选项卡

Question

我希望有人可以帮助我在加载页面时加载第一个选项卡(使其处于事件状态)。现在，jquery 选项卡只有在单击后才能正常工作。

我正在使用此代码:

HTML

<a class="link" href="#" rel="div1">Tab 1</a>
<a class="link" href="#" rel="div2">Tab 2</a>

<div class="content5" id="div1">Content of Tab 1</div>
<div class="content5" id="div2">Content of Tab 2</div>

Javascript/Jquery

$('.link').click(function(e) {
    e.preventDefault();
    var content = $(this).attr('rel');
    $('.active').removeClass('active');
    $(this).addClass('active');
    $('.content5').hide();
    $('#' + content).show();
});​

有什么想法吗？

Answer 1

$(document).ready(function() {
    $('.link:first').addClass('active');
});