按照jquery ui选项卡中选项卡的链接进行操作

我有jquery选项卡，比如

<ul id="tabsList">
    <li><a href="#tab-1">Name 1</a></li>
    <li><a href="#tab-2">Name 2</a></li>
    <li><a href="http://www.google.com/">Name 3</a></li>
</ul>

<div id="tab-1">content 1</div>
<div id="tab-2">content 2</div>

内容1
内容2

前两个选项卡加载各自的div。但是第三个应该去google.com，它什么也不做。它只是添加了#ui选项卡-[object] 链接到url

我正在开发一个wordpress插件，管理页面需要一个选项卡界面。我在本地服务器上测试了这一点，但不起作用

更新：

---

我不想在页面中加载google.com。它应该像普通链接一样在新的选项卡/窗口中打开网页。

你不能，因为从google.com请求内容将是一个跨域调用，xhr调用将失败

为什么不在第三个content div中放一个iframe，src属性指向google

演示

内容1
内容2

您不能，因为从google.com请求内容将是一个跨域调用，xhr调用将失败

为什么不在第三个content div中放一个iframe，src属性指向google

演示

内容1
内容2

我不确定您希望它做什么，但是如果它应该作为新页面/当前页面的替换打开链接，文档将解释：

[如何…]…遵循选项卡的URL，而不是 通过ajax加载其内容

请注意，在新窗口中打开选项卡 窗口是意外的，例如。 暴露错误的不一致行为 实用性问题 （）

看

---

注意：在JQuery>1.9.0中，使用激活而不是选择

我不确定您想要它做什么，但是如果它应该作为新页面/当前页面的替换打开链接，文档说明：

[如何…]…遵循选项卡的URL，而不是 通过ajax加载其内容

请注意，在新窗口中打开选项卡 窗口是意外的，例如。 暴露错误的不一致行为 实用性问题 （）

看

---

注意：在JQuery>1.9.0中，使用激活而不是选择

当我看到生成的源代码时

<li><a href="http://www.google.com/">Name 3</a></li>

---

在这之后，它起到了我所期望的作用。当我看到生成的源代码时，第三个选项卡在一个新选项卡中加载了google.com

<li><a href="http://www.google.com/">Name 3</a></li>

---

在这之后，它起到了我所期望的作用。当点击第三个标签时，在一个新标签中加载了google.com，我也遇到了同样的问题。 我通过给应该在外部加载的选项卡锚定一个名为“followtablelink”的类来解决这个问题。然后我修改了我的tabs（）调用：

$('.tabs').tabs({
select: function(event, ui) {
    var url = $.data(ui.tab, 'load.tabs');
    var className = ui.tab.className;

    if( className == "followtablink" ) {
        location.href = url;
        return false;
    }
    return true;
}});

每次选择选项卡时，它都会在遇到给定类时跟随链接

---

注意：在JQuery>1.9.0中，使用激活而不是选择

我也遇到了同样的问题。 我通过给应该在外部加载的选项卡锚定一个名为“followtablelink”的类来解决这个问题。然后我修改了我的tabs（）调用：

$('.tabs').tabs({
select: function(event, ui) {
    var url = $.data(ui.tab, 'load.tabs');
    var className = ui.tab.className;

    if( className == "followtablink" ) {
        location.href = url;
        return false;
    }
    return true;
}});

每次选择选项卡时，它都会在遇到给定类时跟随链接

---

注意：在JQuery>1.9.0中，使用激活而不是选择

什么是“无用”的意思？有错误吗？它根本不起作用？请解释一下，我也没用。ajax内容最初仍然加载。。。选项卡链接的HREF被更改为ui选项卡-[对象]什么是“无用”的意思？有错误吗？它根本不起作用？请解释一下，我也没用。ajax内容最初仍然加载。。。选项卡链接的HREF被更改为ui选项卡-[对象]为什么有一个选项卡打开一个新窗口…不sense@redsquare你不明白这个问题吗？我确实读过这个问题，然后你改变了它…为什么有一个标签可以打开一个新窗口…没有sense@redsquare你不明白这个问题吗？读这个问题我确实读过这个问题-然后你改变了它…在api文档中看到了这一点，但它似乎并没有阻止选项卡最初通过ajax加载内容。有什么提示吗？在api文档中看到了这一点，但它似乎并没有阻止选项卡最初通过ajax加载内容。有什么建议吗？

<li><a class="theLink" target="_blank">Name 3</a></li>

$('.theLink).attr('href', 'http://www.google.com');

$('.tabs').tabs({
select: function(event, ui) {
    var url = $.data(ui.tab, 'load.tabs');
    var className = ui.tab.className;

    if( className == "followtablink" ) {
        location.href = url;
        return false;
    }
    return true;
}});