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)。您可以使用类似$(this).attr("href");的内容来获取当前的参考目标。

编辑（更新后的问题）：使用此选项滚动到您的点击事件的INSIDE

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

如何访问选项卡内的锚点

1 个答案: