2014-01-30 36 views
0

我從後端的SVG(當然使用AJAX):追加SVG的jQuery; XLink的不工作

<svg width="100%" height="100%" viewBox="0.00 0.00 216.00 153.00"  xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> 
    <g id="viewport" class="graph" transform="scale(1 1) rotate(0) translate(4 149)"> 
    ... 
    ... 
    <script xlink:href="/js/lib/SVGPan.js"></script> 
</svg> 

我追加到一個空的div:

$('#svg').append(result); 

但是,沒有請求SVGPan.js文件。你能解釋一下這個機制,以及我能做些什麼來強制SVGPan.js文件的網絡請求?

謝謝

+0

我使用了此鏈接中的示例:https://code.google.com/p/svgpan/downloads/list。你必須下載zip文件。 – user2103008

+0

我懷疑你可能需要單獨加載腳本,如http://www.javascriptkit.com/javatutors/loadjavascriptcss.shtml – Ian

回答

0

我太尋找同一個問題的答案。現在我知道這一點: 當你打開html腳本的靜態svg並帶有script-xlink的內聯svg時,腳本將會下載並運行。當你通過jquery追加svg和script-xlink時,腳本不會被加載。

我沒有解決方案,只有workaroud:把<script><![CDATA[ ... ]]></script>標籤裏面的<script><![CDATA[ ... ]]></script>標籤放在<svg>裏面,那麼即使通過jquery添加svg元素,它也可以工作。