jquery ui选项卡将哈希更改为外部url

我需要jquery ui选项卡来链接到外部URL，而不是像#tab1这样的标签。这是我的代码：

    <li class="ui-tabs-nav-item" id="nav-1">
    <a href="#1">Tab1</a>
    </li>

你需要这样做：

    <li class="ui-tabs-nav-item" id="nav-1">
    <a href="http://www.page.com" id="1">Tab1</a>
    </li>

jquery是否可以读取id（或类、标题、关系…）来激活选项卡，而不是哈希href=#1

谢谢大家!

第一反应 这取决于你所说的“链接到”是什么意思

如果要将外部url“加载”到选项卡面板中，则可以在选项卡面板中使用iframe。当您单击该选项卡时，它只是在iframe中显示外部url的内容。如果要延迟加载iframe直到单击选项卡，可以使用beforeActivate选项设置iframe url。见：

如果您想在单击选项卡时重定向或打开带有外部url的新窗口，那么您需要查看beforeActivate并简单地重定向到所需的url。例如，窗口位置=”http://www.page.com"

如果“外部url”指的是同一站点上的另一个页面，则只需设置相对于当前页面的href。例如，href=“test page.html”查看： 看看：

作为对你第一次评论的回应 在这种情况下，jQuery选项卡是一种过度使用。。。您可以只使用格式化的

元素，但如果必须使用制表符，请尝试以下操作：
Javascript:

$("#tabs").tabs({
    active: false,
    collapsible: true,
    beforeActivate: function (event, ui) {
        window.open($(ui.newTab).find('a').attr('href'), '_blank');
        return false;
    }
});

HTML:
以下是它的JSFIDLE：

---

选项卡正在悬停上工作。悬停时，它会在div中显示一些内容，但单击时，它会在新的浏览器窗口（无iframe）中打开该外部url（不是同一站点中的本地url）。

<div id="tabs">
    <ul>
        <li><a href="http://www.google.com/">Page 1</a></li>
        <li><a href="http://stackoverflow.com/">Page 2</a></li>
    </ul>
</div>