jQuery UI选项卡 – 锚定到内部链接
我在使用带有内部锚链接的jQuery UI（v1.11 +）选项卡时遇到了麻烦。 我的代码如下：
使用Javascript：
$(document).ready(function () { $("#tabs").tabs(); }); HTML：
我在使用带有内部锚链接的jQuery UI（v1.11 +）选项卡时遇到了麻烦。 我的代码如下：
使用Javascript：
$(document).ready(function () { $("#tabs").tabs(); }); HTML：
我无法尝试从位于页面不同区域的文本链接链接到这些选项卡。 目标是在单击指定选项卡的每个文本链接后平滑滚动：
Link to Tab 1 Link to Tab 2
我在这里尝试了各种搜索，包括使用beforeActivate函数（因为所有“select”示例都是过时的jQuery UI版本），但没有什么对我有用。 有人可以帮忙吗？ jQuery UI文档没有显示此示例。
使用下面的代码。 检查DEMO 。
使用选项卡的active选项从外部资源中进行选择。 在这里查看更多
使用beforeActivate事件在激活选项卡之前立即触发。 点击这里
HTML
Link to Tab 1 Link to Tab 2
JQUERY
var tab ; $("#tabs").tabs({ beforeActivate : function( event, ui ) { $("html, body").animate({ scrollTop: $("#tabs").offset().top }, 1000); } }); $('.external-tab').click(function (event) { event.preventDefault(); tab = $(this).attr('href'); var index = $('div[id^=tabs-]').index($(tab)); $('#tabs').tabs( "option", "active", index ); });