ajax 模式下的 jquery 选项卡更改源
我正在尝试更改我创建的特定 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>
I am trying to change a source of a particular jquery tab (ajax mode) I created. I have 5 tabs now so when the user clicks on the second tab after 50 seconds the source url of the iframe needs to change (only once).
I know that I need to use the select code below to determine when the user clicked on the tab but I do not know where to start. Thank you for your help. Any code help would be greatly appreciated.
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>
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(1)
我是这样做的。
使用内置函数更改 url。更改“a”标记中的 url 不会执行任何操作,因为链接在绑定到选项卡布局时会发生变化。:
现在 url 已更新,但内容保持不变,因此请像这样刷新选项卡:
或者如果你想切换到另一个选项卡,只需执行以下操作:
Here's how I've done this.
Change the url like so using the built in function. Changing the url in the "a" tag won't do anything, because the link changes when it is bound to the tab layout.:
Now the url is updated, but the content stays the same, so refresh the tab like this:
Or if you want to switch to another tab just do this: