0

順序付けられていないリストがあり、クリック イベントでタブ内の特定のアンカーにアクセスする必要があります。タブの内側には 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 がアクティブになり、名前までスクロールするはずです。それは可能ですか？

4

1 に答える 1

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

$(this) を使用して、クリック関数<li>内で現在クリックされているものを参照できます。$(a-credit)次のようなものを使用$(this).attr("href");して、現在の参照ターゲットを取得できます。

編集（更新された質問の後）：これを使用して、クリックイベントの内側の要素までスクロールします

$('html, body').animate({
    scrollTop: $($(this).attr('href')).offset().top
}, 2000);
于 2012-04-30T18:00:53.507 に答える