如何访问标签内的锚点
如何访问标签内的锚点
提问于 2012-05-01 01:53:52
我们有一个无序列表，在单击事件时，我们需要访问选项卡中的特定锚点。翼片内部有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并滚动到一个名字。这有可能吗？
回答 1
Stack Overflow用户
发布于 2012-05-01 02:00:54
$(a).click(function(){
var anchor = $(this).attr("href");
})您可以使用$( <li> )在$(a-credit)单击函数中引用当前单击的单击。您可以使用类似于$(this).attr("href");的内容来获取当前引用目标。
编辑(在更新问题后)：使用此选项滚动到您的单击事件内部的元素
$('html, body').animate({
scrollTop: $($(this).attr('href')).offset().top
}, 2000);页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/10388232
复制相关文章
相似问题
腾讯云开发者
