2013-02-07 25 views
0

我无法解决这个问题。我想打开一个从链接到锚点的标签。这是我的。我正在使用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

谢谢。

在你没有在锚 goto的例子
+1

如果工作正常,在破坏之前发生了什么变化? –

+0

我没有看到你的例子有问题。怎么了? –

+0

我的链接没有打开我希望打开的选项卡。请参阅我提供的链接。我不知道这里出了什么问题: -/ – Far

回答

0

我删除<名称=“锚” >元素,并将您的链接href以“#TAB2”(保持一致的做法),相反,从你的代码中删除了“#”,内容如下:

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

...否则,您的选择器字符串中会出现双“#”。

+0

谢谢。这种方法似乎不适用于我[例子](http://jsfiddle.net/cfpxj/1/)http://jsfiddle.net/cfpxj/1你会介意给我看你的意思吗? – Far

相关问题