使用锚点打开另一个选项卡

时间:2013-02-07 20:36:20

标签: jquery tabs anchor

我无法解决这个问题。我想从链接到锚点打开一个选项卡。这就是我所拥有的。我正在使用jquery 1.8.3。它工作正常,但我不确定发生了什么。

        jQuery(function ($){

        $(".tabContents").hide();
        $(".tabContents:first").show();

        $("#tabContainer ul li a").click(function(e){
            e.preventDefault();
            var activeTab = $(this).attr("href");
            $("#tabContainer ul li a").removeClass("active");
            $(this).addClass("active");
            $(".tabContents").hide();
            $(activeTab).fadeIn();
        });
          });
         $('a.tlink').on('click', function(evt) {
            evt.preventDefault();
            var whereTo = $(this).attr('goto');
            $tabs = $("#tabContainer li");
           $tabs.find('a[href=#' + whereTo + ']').trigger('click');
            //alert(attr('name'));
        //alert( $('#'+whereTo+' a').offset().top );
            $('html, body').animate({
                scrollTop: $('#'+whereTo+' a').offset().top
            });
        });

这是example

谢谢。

2 个答案:

答案 0 :(得分:0)

在示例中,锚中没有goto

工作示例,我添加了goto='tab2'http://jsfiddle.net/KgaKk/36/

答案 1 :(得分:0)

我会删除< a name =“anchor”>元素并将链接的href设置为“#tab2”(以保持方法一致),而是从代码中删除“#”,如下所示:

$tabs.find('a[href=' + whereTo + ']').trigger('click');

...否则,你的选择器字符串中会有一个双“#”。