加载页面时显示第一个选项卡 [英] Show first tab when page is loaded

问题描述

我希望有人可以帮助我加载页面加载时的第一个选项卡（使其处于活动状态）。现在jquery选项卡只能在点击后正常工作。

I hope somebody can help me to load the first tab (make it active) when the page is loaded. Now the jquery tabs only works fine after clicking.

我使用这段代码：

p>

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

Javascript/Jquery

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

有什么想法？

推荐答案

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

这篇关于加载页面时显示第一个选项卡的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！