jquery導入不工作在IE瀏覽器，火狐瀏覽器，Safari瀏覽器

Question

我已經成功地在我的所有頁面上導入相同的頁眉和頁腳，我總是使用Chrome瀏覽器，然後當我試圖打開IE瀏覽器和Firefox的工作時，他們不顯示我的頁眉和頁腳。

我錯過了什麼？

火狐顯示此消息 click to view image

雖然IE表明無。

這裏是我的導入

<link rel="import" id="allheader" href="header.html"> 

<script> 

      var getImport = document.querySelector('#allheader'); 
      var getContent = getImport.import.querySelector('#header'); 
      document.body.appendChild(document.importNode(getContent, true)); 
     </script> 

我需要做什麼碼？謝謝

Answer 1

HTML導入目前不支持Chrome和Opera以外的瀏覽器。結賬this link爲完整的瀏覽器支持列表。 Firefox will not ship with imports，他們不打算很快。

我建議你使用polyfill，就像Google的webcomponents.js一樣。檢出HTML Imports上的頁面。