jQuery的閃存（IE和Chrome）

Question

可能重複：
Cross-browser window resize event - JavaScript/jQuery
Jquery flash of unstyled content (IE only)

我有一個div（#container的），其中上的click事件我換出將圖片替換爲YouTube視頻：

$("#feature_content").click(function(){ 
       var iframe = "<iframe />"; 

       var url = "http://www.youtube.com/embedlink"; 

       $(iframe, { 
        name: 'videoframe', 
        id: 'videoframe', 
        src: url, 
        width: '600', 
        height: '335', 
        frameborder: 0, 
        allowfullscreen: true 
       }).appendTo(this); 

       $(this).find('img').fadeOut(function() { $(this).remove();}); 

    }); 

但是，在視頻開始播放之前，我正在獲取未格式化內容（iframe）的閃光。

這是發生在IE和Chrome，而不是Firefox的

Answer 1

猜測一些，因爲我們沒有不良行爲的示範，但我覺得你的問題是，圖像仍然佔用的空間這應該是由iframe佔用的。

您應該使用CSS position: absolute屬性來確保它們在父div內具有相同的相對位置。