【发布时间】:2011-06-15 06:18:54
【问题描述】:
我们已经用这个 html 代码完成了一个 tabber 是 jquery
导航
<ul class="tabber">
<li><a href="#tab1">...</a></li>
<li><a href="#tab2">...</a></li>
<li><a href="#tab3"..</a></li>
</ul>
</aside><!-- end aside-->
内容
<div id="tab1" class="tab_content">
<div class="products">
<h6><a href="#tab1">...</a></h6>
</div>
<div class="products">
<h6><a href="#tab2">...</a></h6>
</div>
<div class="products">
<h6><a href="#tab3">...</a></h6>
</div>
</div><!-- end tab content 1 -->
<div id="tab2" class="tab_content">
...
</div><!-- end tab content 2 -->
<div id="tab3" class="tab_content">
...
</div><!-- end tab content 3 -->
jquery代码是
$(document).ready(function() {
//Default Action
$('.tab_content').hide(); //Hide all content
$('ul.tabber li:first').addClass('active').show(); //Activate first tab
$('.tab_content:first').show(); //Show first tab content
//On Click Event
$('ul.tabber li').click(function() {
$('ul.tabber li').removeClass('active'); //Remove any 'active' class
$(this).addClass('active'); //Add 'active' class to selected tab
$('.tab_content').hide(); //Hide all tab content
var activeTab = $(this).find('a').attr('href'); //Find the rel attribute value to identify the active tab + content
$(activeTab).fadeIn(); //Fade in the active content
return false;
});
});
我们想要复制 href 链接然后 jquery 是否有人会点击我们的导航
【问题讨论】:
-
为什么不直接使用 jquery UI 选项卡?
-
另外,你的问题真的没有意义......
-
我们想要复制 href 链接然后 jquery 会不会有人会点击我们的导航 抱歉,我不明白你在问什么? -
对不起各位,稍后我会尝试重新表述我的问题。我现在有点着急。
-
当有人单击其中一个选项卡时,您是否要加载 iframe 或框架..?像这样的东西:dynamicdrive.com/dynamicindex17/ajaxtabscontent
标签: jquery tabs navigation