Question

我正在尝试更改我创建的特定jquery选项卡（ajax模式）的源代码。我现在有5个标签，所以当用户在50秒后点击第二个标签时，iframe的源网址需要更改（仅一次）。

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

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”标记中的网址将不会执行任何操作，因为链接在绑定到标签布局时会发生更改。：

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

现在更新了网址，但内容保持不变，因此请像这样刷新标签：

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

或者，如果您想切换到另一个标签，请执行以下操作：

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

ajax模式中的jquery选项卡更改源

1 个答案: