我正在使用HTML / JQuery在我的页面上添加标签,它运行正常。
以下是代码:
$("#content div").hide(); // Initially hide all content
$("#tabs li:first").attr("id", "current"); // Activate first tab
$("#content div:first").fadeIn(); // Show first tab content
$('#tabs li a').click(function (e) {
e.preventDefault();
if ($(this).attr("id") == "current") { //detection for current tab
return
} else {
$("#content div").hide(); //Hide all content
$("#tabs li").attr("id", ""); //Reset id's
$(this).parent().attr("id", "current"); // Activate this
$($(this).attr('href')).fadeIn(); // Show content for current tab
}
});
然后是html:
<ul id="tabs">
<li><a href="#tab1">Tab 1</a></li>
<li><a href="#tab2">Tab 2</a></li>
<li><a href="#tab3">Tab 3</a></li>
</ul>
<div id="tab1">
TAB 1
</div>
<div id="tab2">
TAB 2
</div>
<div id="tab3">
TAB 3
</div>
我的问题是我需要找到一种在需要时直接链接到标签的方法。
关于如何做到这一点的任何想法?
答案 0 :(得分:1)
把它放在准备好的文件上:
$('#tabs li a[href="' + window.location.hash + '"]').click()
现在将哈希添加到网址应该会显示标签:
答案 1 :(得分:0)
我会检查一下:How to get the anchor from the URL using jQuery?
关于从网址获取锚点。然后根据结果将类当前添加到要显示的选项卡
答案 2 :(得分:0)
这是你正在寻找:http://jsfiddle.net/xZts2/
$('#tabs li a').click(function(e) {
$('#content div').hide();
$($(this).attr('href')).fadeIn();
});
因为您已将href设置为相应的标签