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

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

我希望有人可以帮助我在加载页面时加载第一个选项卡（使其处于活动状态）。 现在，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(); });​

有任何想法吗？

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.

I'm using this code:

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(); });​

Any ideas?

最满意答案

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