タブ内でアンカーにアクセスするにはどうすればいいですか

Question

私たちは並べ替えられていないリストを持ち、クリックイベントではタブ内の特定のアンカーにアクセスする必要があります。タブの内側に7〜8個のアンカーがあります。

var $tabs = $('#tabbed-content').tabs(); // first tab selected 

$('.a-credit').click(function() { // bind click event to link 
$tabs.tabs('select', 1); // switch to 2nd tab 
return false; 
}); 



    <div id="tabbed-content"> 
      <ul> 
       <li><a href="#deadlines">Payment Deadlines</a></li> 
       <li><a href="#methods">Payment Methods</a></li> 
       <li><a href="#installments">Pay In Installments</a></li> 
      </ul> 


<div id="methods"> 
    <p><a name="1"></a>Content 1</p> 
    <p><a name="2"></a>Content 2</p> 
    <p><a name="3"></a>Content 3</p> 
    </div> 

順序なしリストのリンクをクリックすると、タブ＃2が有効になり、名前にスクロールします。それは可能ですか？

Answer 1

$(a).click(function(){ 
    var anchor = $(this).attr("href"); 
}) 

あなたは、現在お使いの$(a-credit)クリック機能内<li>をクリックrefrenceする$（this）を使用することができます。 $(this).attr("href");のようなものを使用して、現在の参照ターゲットを取得することができます。

編集（更新質問の後）：あなたの要素にスクロールするためにこれを使用し、あなたのクリックイベントのINSIDE

$('html, body').animate({ 
    scrollTop: $($(this).attr('href')).offset().top 
}, 2000);