获取加载的 SVG 文件的内容

Question

我已经做了一个函数，可以从 url 加载到特定的 div svg 文件：

function load_vector(divId, vector_url) {
    var div = $(divId);

    div.load(vector_url);

    console.log(div.find('svg').html());
}

我这样称呼这个函数：

load_vector("#myDiv", "/path/to/vector/file.svg");

它成功地将 svg 文件加载到这个 div 中，现在我将它作为 html 在我的页面中。

但是我无法获取此 svg 文件的内容

console.log(div.find('svg').html());

这将返回undefined。

我错过了什么？

Answer 1

需要等到加载过程完成（它是异步的）。将您的 console.log 包装在回调函数中。比如：

div.load(vector_url, function() {
    console.log(div.find('svg').html());
});