Question

我有jQuery ui tabs，我希望能够从链接（当前标签页或页面内部或外部）打开标签页

如果链接位于外部页面中，它会起作用，如下所示：

http://server.com/view.php?id=130#section-2

这样就可以正确打开标签“section-2”

问题是当链接在同一页面时，它不刷新页面（因为它只是添加＃section-2）所以没有选中该选项卡。

我看到一些答案示例使用标签中的id并绑定jQuery中的click，但我不能使用它，因为我的一些链接是计算的，我不知道它们是指向内部还是外部。

Answer 1

将id“section-2-link”添加到链接到标签的标签（在末尾添加'-link'以避免与标签内容具有相同的ID）。然后将其添加到js

jQuery(window).bind('hashchange', function () { //detect hash change
    var hash = window.location.hash.slice(1); //hash to string (= "section-2")
    jQuery('#' + hash + '-link').trigger("click");
});

这会检测网址上的哈希值何时更改并触发您需要的链接上的点击（打开正确的标签页）

jQuery选项卡，从内部链接到另一个选项卡

1 个答案: