我有它的标签页,你这个jQuery脚本打开jQuery的标签与URL
http://www.sohtanaka.com/web-design/simple-tabs-w-css-jquery/
我希望能够使接片3是第一个开放的,当用户进入到URL http://mysite.com/about.php#tab3
这可能吗?
我有它的标签页,你这个jQuery脚本打开jQuery的标签与URL
http://www.sohtanaka.com/web-design/simple-tabs-w-css-jquery/
我希望能够使接片3是第一个开放的,当用户进入到URL http://mysite.com/about.php#tab3
这可能吗?
据例如,你可以用这种方式modifi它:
$(function() {
$(".tab_content").hide(); //Hide all content
//On Click Event (left standart)
$("ul.tabs li").click(function() {
$("ul.tabs 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 href attribute value to identify the active tab + content
$(activeTab).fadeIn(); //Fade in the active ID content
return false;
});
// here we are looking for our tab header
hash = window.location.hash;
elements = $('a[href="' + hash + '"]');
if (elements.length === 0) {
$("ul.tabs li:first").addClass("active").show(); //Activate first tab
$(".tab_content:first").show(); //Show first tab content
} else {
elements.click();
}
});
Working example is here。要小心 - 散列硬编码那里,因为我不知道如何通过它来测试框架:(
是的,你可以做到这一点。您将需要一些代码来抓取url并触发适当的选项卡。
或者你可以检查出jQuery的工具选项卡(http://flowplayer.org/tools/demos/tabs/) 或jQuery UI的标签(http://jqueryui.com/demos/tabs/)
这些都具有该功能(和一吨的其他选项)已经内置
我没有测试这一点,但你应该能够从URL获得哈希:
var hash= window.location.hash;
然后用请求的哈希链接抓取链接元素,并模拟点击它
$("a[href='"+hash+"']").click();
工作就像一个魅力! – 2011-06-30 22:18:13
帮助我谢谢! – Heihachi 2013-03-26 10:24:35