爲什麼我的容器在IE中setInterval div更換後失去其內容？

我一直在使用chrome和ff開發一個網頁。我最近被告知它也必須在IE中工作。我已經解決了IE雙重填充問題。問題是我的「網格」的內容在javascript setinterval導致div被替換後消失。只有在IE中查看頁面時纔會發生這種情況。爲什麼我的容器在IE中setInterval div更換後失去其內容？

這裏是領導到它是動態創建的頁面代碼，並打印出來

<div id=\"col1a\" style=\"float:left; width:605px; height:300px;\"> \ 
      <div id=\"GridContent\" class=\"FormContent\"> \ 
       <div id=\"ContentPlaceHolder1_FormSection\" class=\"FormSection\"> \ 
        <div id=\"ContentPlaceHolder1_ProgramGridHeader\" class=\"ProgramGridHeader\"> \ 
         <div id=\"ContentPlaceHolder1_HeaderRow\" class=\"HeaderRow\"> \ 
          <div readonly=\"readonly\" class=\"Cell\" style=\"width: 57px\">Stage</div><div class=\"Cell\" style=\"width: 78px\">Type</div><div class=\"Cell\" style=\"width: 50px\">Time</div><div class=\"Cell\" style=\"width: 44px\">Int</div><div class=\"Cell\" style=\"width: 44px\">Dry</div><div class=\"Cell\" style=\"width: 44px\">Wet</div><div class=\"Cell\" style=\"width: 52px\">RH%</div><div class=\"Cell\" style=\"width: 72px\">Option</div><div class=\"Cell\" style=\"width: 72px\">Damper</div><div class=\"Cell\" style=\"width: 44px\">Fan</div> \ 
         </div><br /> \ 
         <div class=\"Row\" position: relative;> \ 
           "};

以下是我的IE瀏覽器CSS僅

.Row { border: solid 0px green; float: left; min-width: 0; clear:both; position: relative; -webkit-border; padding 1;} 
.RowCompleted { border: solid 0px #7F9DB9; background-color: #C0C0C0; color: #000;} 
.RowNoShower { border: solid 0px #7F9DB9; background-color: #FFF; color: #000; min-width: 0; } 
.RowColdShower { border: solid 1px #7F9DB9; background-color: #ADD8E6; color: #000; } 
.RowWarmShower { border: solid 1px #7F9DB9; background-color: #FB0; color: #000; } 
.RowHotShower { border: solid 1px #7F9DB9; background-color: #F00; color: #FFF; } 
.RowInProgress { border: solid 0px #7F9DB9; background-color: #0F0; color: #000;} 
.RowPaused { border: solid 0px #7F0DB9; background-color: #00F; color: #FFF;}

我將不勝感激幫助理解爲什麼內容消失 - 感謝 -

來源

2012-10-17 user1753671

我會建議放置在jsfiddle.net此代碼，我們可以看到這更好的。 HTML有很多轉義，並且不太清楚實際生成的內容。 – xivo

我也建議你學習一個簡單的口頭禪：使用正確的工具來完成這項工作。如果您有表格數據，請使用表格，並減少所有額外的標記。 –

@xivo逃逸如此多逃脫，因爲這是一個服務器響應與實時數據，它必須以我的嵌入式Web服務器可以理解的方式寫入。在這種情況下，它是在sprintf（）語句中的c。以上所有內容加上對上下文的需求使得使用表格非常困難。 – user1753671

如果HTML有效，某些版本的IE將只填充元素。

我會假設有一個標籤沒有關閉或額外的報價。

你可以顯示你想要替換的所有HTML嗎？

來源：http://www.dottodotnet.com/2010/03/jquery-html-problems-in-internet.html

來源

2012-10-17 15:54:50 Dcullen

我試圖替換它的HTML是動態創建的，所以我永遠不知道內容實際上會是什麼，我所做的就是填寫這種格式 'code' 「「％s決定服務器正在向該部分打印什麼 – user1753671

您應該能夠檢查正在使用的瀏覽器的開發人員工具中的實際響應。以下是關於Chrome的開發者工具的一些文檔：https://developers.google.com/chrome-developer-tools/docs/overview?hl=fr – Dcullen

我一直沿用最近發現IE瀏覽器的方式使用Chrome開發工具不喜歡關於服務器發回的內容。我從服務器獲取信息，它看起來是正確的，但我不斷收到代碼行之間的框字符和一堆額外的選項卡。 – user1753671

爲什麼我的容器在IE中setInterval div更換後失去其內容？

回答

相關問題