jquery - 如何阻止 jQuery UI 选项卡内的 SWF 重新加载

Question

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

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

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

更新:事实证明这与以下Firefox bug有关自 2001 年/Firefox 0.9 以来一直存在。但是我仍然没有好的解决方法。

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;
}

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