2010-11-24 65 views
0

我加載的SVG到HTML通過了jQuery SVG插件的方法如下不兼容:jQuery的SVG的負載功能與IE 8

<div id="map"></div> 

<script type="text/javascript"> 
    $('#map').svg(); 
    var svg = $('#map').svg('get'); 
    svg.load('myimage.svg',{onLoad: function(){ alert('ready'); }}); 
</script> 

這段代碼效果很好Firefox和Chrome,但不在IE(版本8,沒有其他版本測試)。該插件生成的代碼如下所示:

<div id="map" class="hasSVG"> 
    <svg version="1.1" x="0.0px" y="0.0px" ... ></svg> 
</div> 

那麼......我該如何修改我的代碼才能支持IE呢?我的約束:我需要直接加載SVG,以便立即訪問SVG DOM中的onLoad回調。

謝謝。

回答

4

只是爲了說明這個問題:IE8不支持svg,所以即使您設法正確加載了SVG元素,如果沒有某種js填充或插件,它們仍然不會呈現。你嘗試過SVGWeb嗎?有些幫助在svgboilerplate.com開始。

儘管IE9可能能夠運行代碼,但您必須測試並查看。

+0

IE第一次打開HTML時,建議加載Adobe SVG查看器。我將進一步調查SVGWeb。 – labrassbandito 2010-11-24 14:32:56

0

您可以使用Adobe SVG Viewer作爲IE瀏覽器。這應該不是問題。

在開發人員網站上,示例在所有版本的IE 6至8和FF上都正常工作。如果我在我的環境中嘗試使用這個插件的一個小例子(例如通過本地主機(XAMPP)或直接訪問該文件),它可以很好地運行Firefox,但不適用於IE。