【发布时间】:2009-06-24 23:18:41
【问题描述】:
我已经到处搜索并找到了可能的解决方案,但它们并不能完全按照我的需要工作。我对 jQuery 很陌生,但我正在尝试:-)
我有一个位于选项卡中的 iframe (由 jQuery 提供支持的选项卡)
在第三个选项卡中有一个 iframe,其中包含幻灯片
我的问题:
当我单击包含 iframe 的第三个选项卡时,所有控件都会出现,轮播似乎正在工作,但是......没有图片!!!
Firefox 帮助我找到了解决问题的方法,现在我只需要找到解决问题的方法。
在 Firefox 中,当我右键单击 iframe 并转到 This frame -> Reload Frame 瞧!图片回来了!
问题:
是否可以使用 jQuery 判断何时选择了第三个选项卡并在选择第三个选项卡时刷新包含 iframe 的 div?
标签代码:
<script type="text/javascript" charset="utf-8">
$(function () {
var tabContainers = $('div.tabs > div');
tabContainers.hide().filter(':first').show();
$('div.tabs ul.tabNavigation a').click(function () {
tabContainers.hide();
tabContainers.filter(this.hash).show();
$('div.tabs ul.tabNavigation a').removeClass('selected');
$(this).addClass('selected');
return false;
}).filter(':first').click();
});
</script>
测试页面可以在这里找到:http://artitechture.com/blah/tabs.html
任何帮助将不胜感激...我想学习!
【问题讨论】:
-
您使用的是哪个浏览器,在 xp 上的 Firefox 3.5 中运行良好
-
我使用的是 Firefox 3.0.11 windows xp,奇怪的是在 IE7 中也有类似的问题。在 IE 中显示一个图像,但您可以看到轮播正在运行。昨晚我发现了一些刷新 iframe 的 javascript 代码,它解决了 IE 和 Firefox 的问题。我不想让它只适用于某些人而不适用于所有人。有没有人可以推荐的 iframe 的好选择?
-
我使用的这段代码的问题是,您需要在页面加载后立即进入该选项卡才能使其工作(用户不知道这样做,并且它不便)