意外的結果使用jQuery將部分視圖加載到IE8 DOM中Ajax

Question

當使用jQuery Ajax將部分視圖加載到DOM中時，但只有在使用IE8查看結果時，纔會出現奇怪的結果。

問題中的部分視圖（僅用於示例目的）看起來像這樣;

<aside>Example test</aside> 

當結果從Ajax調用回來時，看起來看起來與上面完全一樣。但是，在IE8中使用開發人員工具查看DOM時，結果如下所示;

<aisde/> 
Example test 
</aside/> 

因此，元素無法識別，文本也不在其中。另外，「擱置」的樣式表類沒有被應用。就我所見，這隻發生在IE8中。

任何人都有任何建議，除了不使用自定義標籤？

在此先感謝

Answer 1

您需要確保DOM識別HTML5元素。基本上你必須這樣做：

document.createElement('aisde'); 

看看this鏈接。如果不創建元素，舊的IE瀏覽器將無法看到或設計元素。

圍繞這些問題的常見做法是在條件註釋塊中加載html5 fix javascript文件。該腳本對所有新的html5節點類型執行createElement。

<!--[if lte IE 8]> 
<script src="html5.js" type="text/javascript"></script> 
<![endif]-->