使用show和hide方法时停止重新加载flash文件

Question

我有一个网页,其中嵌入了一个flash文件.闪存文件正在进行一个包含4个问题的测验.当用户回答第一个问题时,将显示第二个问题.这个闪存被嵌入一个名为divFlashcontent.Now的div中.我想隐藏并显示inbetween之间的测验.Ex:当用户点击一个按钮("暂停")时,我想隐藏测验.当他点击"继续"按钮时,我想继续(显示)测验.我正在使用jquery show()方法和hide方法.但问题是,当我调用show方法时,flash内容再次加载(从头开始显示测验).它没有显示我们点击暂停按钮的阶段.我怎么解决这个问题？我希望flash能够处于隐藏的同一个阶段

Answer 1

内部$.hide()方法display:none;在你的元素上执行css : . 这将导致闪存每次重新加载.我建议以不同的方式隐藏你的闪存,因为它对这个css属性的反应很差.

这是一个插件,通过将元素放在屏幕上来隐藏元素.这并不适用于所有情况,但如果适用于您,则非常有用.

要添加的CSS:

.flashHide {
  position:absolute;
  left:-99999px;
}

并添加插件:

(function($){ 
  var hideClassName = 'flashHide'; 
  $.fn.extend({ 
    flashHide: function() { 
      return this.each(function(){ 
        $(this).addClass(hideClassName); 
      }); 
    }, 
    flashShow: function() { 
      return this.each(function(){ 
        $(this).removeClass(hideClassName); 
      }); 
    } 
  }); 
})(jQuery);

然后你会像这样使用它:

$('div#flashContainer').flashHide();
$('div#flashContainer').flashShow();