如何在重新加载的jQuery UI选项卡中停止SWF

Question

我在jQuery UI选项卡中有一个SWF电影,而我遇到的问题是,每次我从标签点击另一个标签时,SWF都会重新加载,然后单击返回.我可以检查DOM并看到当我点击时,包含SWF的div仍然在DOM中,所以我不知道为什么当我点击返回选项卡时它似乎重新加载它.

我添加了以下CSS规则以尝试阻止将显示设置为:none,但Flash影片仍在重新加载:

.ui-tabs .ui-tabs-hide {
    display: block !important;
    position: absolute;
    left: -10000px;
}

更新:事实证明,这与自2001年/ Firefox 0.9以来一直存在的以下Firefox错误有关.然而,我仍然没有一个好的解决方法.

Answer 1

前面提到的解决方案在 Chrome 中有效，但出于某种原因在 Firefox 中无效（我很确定它在前一段时间是有效的）。我找到了另一个解决方案：

首先，您需要一个通用规则来“隐藏”内容而不使用 display:none;

/** hide the tab without using display:none; **/
.ui-tabs .ui-tabs-hide {    
display: block !important;
height: 0!important;
width: 0!important;
border:none!important;
visibility:hidden!important;

}

/** make sure your swf does not have leftover height when hidden **/
.ui-tabs .ui-tabs-hide object,
.ui-tabs .ui-tabs-hide embed {
    height: 0;
    width: 0;
}

这个对我有用。告诉我是否适合你！杰罗姆·瓦格纳