Question

我已经搜遍了所有可能的解决方案，但他们并没有完全按照我需要的方式工作。我是jQuery的新手，但我正在尝试： - ）

我有一个位于Tab中的iframe （由jQuery驱动的选项卡）

在第三个标签中放置一个包含幻灯片显示的iframe

我的问题：

当我点击包含iframe的第三个标签时，所有控件都出现了，旋转木马似乎正在工作，但是......没有图片!!!

Firefox帮助我找到解决问题的方法，现在我只想找到解决方法。

在Firefox中，当我右键单击iframe并转到此框架 - ＆gt;重新加载框架瞧！图片回来了！

问题：

是否可以使用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

任何帮助将不胜感激......我想学习！

Answer 1

在iframe中你有一个doc ready方法试图调用pngfix（）插件方法但是这个方法还没有包含在iframe中。这无济于事。

Tab疯狂的iframe！

1 个答案: