jquery - 您如何访问选项卡内的锚点

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");
})

您可以使用 $(this)<li>在您的$(a-credit)click 函数中引用当前单击的内容。您可以使用类似的东西$(this).attr("href");来获取当前的参考目标。

编辑（更新问题后）：使用它滚动到您的元素，在您的点击事件内部

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