2013-02-07 68 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

相關問題