链接到JQuery选项卡式内容中的锚点

你可以找到我的例子[here]这些标签运行良好但只需要额外的function。

我在“Stuff”标签中的标题“Anchor”旁边有 。

默认情况下会选择第一个标签，但如果有人点击Go to anchor链接Go to anchor那么我想将它们带到第三个标签并向下滚动到 。

Answer 1

我在锚标记中添加了很少的更改goto属性，以便我们知道要移动到哪个标签。

添加以下代码以导航到stuff选项卡内的锚标签

 $('html, body').animate({ scrollTop: x // where a tag is }); 

DEMO

更新： 演示如何工作

在演示中有3个选项卡和内容。 在第一个选项卡中，内容是指向“Stuff”选项卡的链接。 如果单击此链接，选项卡将更改，并且将显示选项卡“Stuff”的内容。 更改选项卡的链接如下所示switch to Tab Stuff 。 goto的值必须与选项卡

Stuff

的哈希标记相同。 下面的函数获取属性’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 } 

希望这可以帮助