【问题标题】:Iframe in Tab Madness!标签疯狂中的 iframe!
【发布时间】: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 的好选择?
  • 我使用的这段代码的问题是,您需要在页面加载后立即进入该选项卡才能使其工作(用户不知道这样做,并且它不便)

标签: jquery iframe tabs


【解决方案1】:

在 iframe 中,您有一个 doc ready 方法,该方法尝试调用 pngfix() 插件方法,但是 iframe 中并未包含该方法。这不会有所帮助。

【讨论】:

  • 谢谢!在发布测试页面之前,我忘记将其删除。我已经删除了对 pngfix() 的调用,但怀疑这不是解决方案。
  • 我已将 iframe 添加到第一个选项卡和第三个选项卡,因此您可以看到,如果它在第一个选项卡中加载正常,那么当您转到第三个选项卡时它只是拒绝工作。
猜你喜欢
  • 2010-12-12
  • 1970-01-01
  • 2013-04-06
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2019-01-23
  • 2011-02-19
相关资源
最近更新 更多