你可以找到我的例子
[here]
选项卡运行良好,但只需要额外的功能.
选项卡运行良好,但只需要额外的功能.
我有< a name =“test”>< / a>在“Stuff”选项卡中标题“Anchor”旁边.
默认情况下,会选择第一个标签,但如果有人点击链接< a href =“#test”>转到锚点< / a>然后我想把它们带到第三个标签并向下滚动到< a name =“test”>< / a>.
解决方法
我在锚标记中添加了很少的更改goto属性,以便我们知道要移动到哪个标签.
< a href =“#test”goto =“stuff”>
$('html,body').animate({
scrollTop: x // where a tag is
});
更新：Demo works如何
在演示中有3个选项卡和内容.在第一个选项卡中,内容是指向“Stuff”选项卡的链接.如果单击此链接,选项卡将更改,并且将显示选项卡“Stuff”的内容.更改标签的链接如下所示< a href =“#test”goto =“stuff”>切换到Tab Stuff< / a>.
goto的值必须与选项卡< li>< a href =“#stuff”> Stuff< / a>< / li>的哈希标记相同.下面的函数获取属性’goto’的值将值放入var whereTo并在匹配’a [href =#’whereTo’]’的选择器上执行单击
$('a').not('.tabs li a').on('click',function(evt) {
evt.preventDefault();
var whereTo = $(this).attr('goto');
$tabs = $("ul.tabs li");
$tabs.find('a[href=#' + whereTo + ']').trigger('click');
// code shortened to keep explanation simple
}
希望这可以帮助
