IE 10和IE 11中未顯示簡單的SVG網格

Question

我有這個小的SVG網格

<svg id="grid-svg" width="100%" height="100%" xmlns="http://www.w3.org/2000/svg">
  <defs>
    <pattern id="smallGrid" width="10" height="10" patternUnits="userSpaceOnUse">
      <path d="M 10 0 L 0 0 0 10" fill="none" stroke="#000000" stroke-width="0.7" />
    </pattern>
    <pattern id="grid" width="100" height="100" patternUnits="userSpaceOnUse">
      <rect width="100" height="100" fill="url(#smallGrid)" />
    </pattern>
  </defs>
  <rect x="-100%" y="-100%" width="200%" height="200%" fill="url(#grid)" />
</svg>

我在模板html中得到它。 因為我不想將它保留在主頁中是有原因的。 然后，我只是克隆了那段SVG，創建了一個包裝器div，然后將grid-svg附加到了它。 然后，我使用jQuery動態應用網格。

它適用於Chrome和Firefox，但不適用於IE 10和IE 11。

你知道為什么嗎？

謝謝。

Answer 1

我正在使用D3.js使用SVG，但我遇到了同樣的問題。
我寫了下面的代碼來解決這個問題

    $('#lineChartSVG g').remove();
    $('#lineChartSVG path').remove();

在這里，我要刪除以前的g和路徑，用新的替換。

將標簽保留在靜態內容中，然后在使用代碼的地方調用上面的代碼。 這應該工作

Answer 2

這已經解決了，我正在做一個jquery clone（）從模板中獲取它，這是錯誤的。 現在工作正常。