Javascript jquery附加页面加载显示请求的选项卡功能

我是jquery的新手，我已经将此代码用于选项卡

<script type="text/javascript" charset="utf-8">
    $(function () {
        var tabContainers = $('div.tabs > div');
        tabContainers.hide().filter(':first').show();

        $('div.tabs ul.tabNavigation a').click(function () {
            tabContainers.hide();
            tabContainers.filter(this.hash).show();
            $('div.tabs ul.tabNavigation a').removeClass('selected');
            $(this).addClass('selected');
            return false;
        }).filter(':first').click();
    });


</script>

$（函数（）{
var tabContainers=$（'div.tabs>div'）；
tabContainers.hide（）.filter（':first'）.show（）；
$（'div.tabs ul.taba'）。单击（函数（）{
tabContainers.hide（）；
tabContainers.filter（this.hash.show（）；
$（'div.tabs ul.taba'）.removeClass（'selected'）；
$（this.addClass（'selected'）；
返回false；
}).filter（“：first”）。单击（）；
});

我需要的是在打开url时能够加载特定选项卡，如： www.mysite.com/page.html#tab1

html链接如下所示：

<a href="#tab1" class="selected">name link</a>
<a href="#tab2" class="">name link2</a>
<a href="#tab3" class="">name link3</a>

我尝试过很多脚本，但可能是我的错（我是javascript高手）

---

提前感谢

默认情况下，您希望显示的选项卡在HTML中应选择一个

类

。关联的内容包装器也应该如此。其他用户不应该这样做。

jqueryui有一个您可以使用的界面

比自己编写更简单、更稳定

对于不同的URL，请查看

它告诉您如何利用UI主题并加载不同的URl

---

否则，您必须对选项卡中的单击事件执行

$（“#theIdOfTheDiv”）。加载（url）

窗口。位置具有哈希属性。因此，您可以对照空字符串检查它，如果它不是空的，请选择该选项卡：

if(!window.location.hash === "")
    $(window.location.hash).show();

你需要像

您需要将用户重定向到#tab1，因此必须删除

return false禁用重定向的函数行

单击

时将触发您的函数，您需要在加载页面时再次触发该函数

您的函数将如下所示

$(function(){
    onClickHandler = function() {
      $('div.tabs > div').hide();
      $(window.location.hash).show();
    }
    $('div.tabs ul.tabNavigation a').click(onClickHandler);
    onClickHandler();
});

---

谢谢，这是有效的，但现在我必须点击标签两次才能进入标签$（函数（）{var tabContainers=$（'div.tabs>div'）；tabContainers.hide（）.filter（':first'）.show（）；$（'div.tabs ul.tabNavigation a'）。单击（函数（）{tabContainers.hide（）；tabContainers.filter（this.hash（）；$（'div.tabs ul.tabNavigation'）。removeClass（'selected'）；$）（this.addClass（'selected'））；/*返回false；*/}）.filter（':first'）.click（）；onClickHandler=function（）{$（'div.tabs>div'）.hide（）；$（window.location.hash.show（）；}$（'div.tabs ul.taba'）。单击（onClickHandler）；onClickHandler（）；}）；现在，当页面加载时，第一个选项卡不会打开。这与通过url请求选项卡无关