ajax - ajax模式下的jquery选项卡更改源

Question

我正在尝试更改我创建的特定 jquery 选项卡（ajax 模式）的来源。我现在有 5 个选项卡，因此当用户在 50 秒后单击第二个选项卡时，iframe 的源 URL 需要更改（仅一次）。

我知道我需要使用下面的选择代码来确定用户何时单击选项卡，但我不知道从哪里开始。谢谢您的帮助。任何代码帮助将不胜感激。

select: function(event, ui)



 <div id="example">
     <ul>
         <li><a href="ahah_1.html"><span>Content 1</span></a></li>
         <li><a href="ahah_2.html"><span>Content 2</span></a></li>
         <li><a href="ahah_3.html"><span>Content 3</span></a></li>
     </ul>
</div>

Answer 1

这就是我如何做到这一点。

使用内置函数更改 url。更改“a”标签中的 url 不会做任何事情，因为链接在绑定到选项卡布局时会更改。：

$("#tabdiv").tabs("url", tabIndex, newLink);

现在 url 更新了，但内容保持不变，所以像这样刷新标签：

$("#tabdiv").tabs("load", $("#tabdiv").tabs("option","selected"));

或者，如果您想切换到另一个选项卡，只需执行以下操作：

$("#tabdiv").tabs("load", tabIndex);