$.get('path/to/svg.svg', function(data) {
$('#my-div').html(data);
});
この結果、コンソールに「HIERARCHY_REQUEST_ERR:DOM Exception 3」と表示されます。このコンセプトのすべてのバリエーションは同じことをしているようです。実際のSVGをコピーアンドペーストして "データ"をそれに置き換えると、それはちょうど良い状態になります。 .svgの書式を別にする必要がありますか、ブラウザでドキュメント内に別のドキュメントを挿入しようとしていると思わないように、最初に解析する必要がありますか?JavaScript/jQuery経由でSVGインラインを挿入するには?
さて、これを背景イメージとして設定し、SVG XMLをドキュメントに挿入するのは非常に異なっています。 –
あなたは完全に正しいです!しかし、私たちがどのように見えるかは、あなたのケースのSVGドキュメントが、アドレスsource/processのEXTERNALファイルによってアドレスパス/ to/svg.svgによって準備されていることです。つまり、GET URLを送信するのに2ms、コンテンツを受信するのに2msを費やしました。 CSSと同じ状況:新しいURLを設定し、GET(低レベル)を送信してコンテンツを受信しています。 –
svgをローカルコード(javascript)で、送受信手順なしで作成したい場合は、jQueryのハックを試すことができます:http://stackoverflow.com/questions/11792754/create-and-access-svg-tag-with -jquery/14985470#14985470 –