svg html5 ajax,jQuery附加到AJAX加载的SVG问题

我通过

AJAX从外部文件成功加载了一些svg：

$("#svg").load(svgUrl + " svg",function() {

// do stuff

});

我的HTML看起来像这样：

...

我可以看到图形很好.现在我想在加载的svg中添加一些额外的svg元素.我将脚本更改为：

$("#svg").load(svgUrl + " svg",function() {

$("svg").append("");

// do stuff

});

由于某些原因,添加的元素在firebug中显示为隐藏,无论我放入哪个xml,我都无法在我的网页上看到它.

更新：

感谢echo-flow,我能够附加到我的SVG.现在,如果我尝试从另一个xml文件加载我的指南针svg,它不会出现在我的DOM中.目前我的代码如下：

$("#svg").load(obj.svgUrl + " svg",function() {

var svgns = "http://www.w3.org/2000/svg";

var g = document.createElementNS(svgns,"g");

g.setAttributeNS(null,'id','compass');

$("svg").append(g);

$("#compass").load("files/svg/compass.xml");

});

如果我在firebug中查看控制台,我看到指南针标记的AJAX请求结果是成功但是为空.

svg html5 ajax,jQuery附加到AJAX加载的SVG问题相关推荐

ajax 请求svg,jQuery append 到AJAX加载的SVG问题
我已成功通过AJAX从外部文件加载了一些svg:$("#svg").load(svgUrl + " svg", function() { // do stuff ...
ajax动态加载div,JQuery/AJAX：使用动态内容加载外部DIV使用动态内容
我需要创建一个页面,使用Jquery和AJAX从外部页面加载div.JQuery/AJAX:使用动态内容加载外部DIV使用动态内容我遇到了一些很好的教程,但它们都是基于静态内容的,我的链接和内容是由 ...
thinkphp+ajax无刷新分页并加载显示图片
2019独角兽企业重金招聘Python工程师标准>>> 最近自己用thinkphp和bootstrap做一个小站点,在用到ajax与后台数据库交互实现无刷新分页时,因为我需要返回的数 ...
js上拉加载ajax数据,原生ajax写的上拉加载实例
上拉加载的思路 1 上拉加载是要把屏幕拉到最底部的时候触发ajax事件请求数据 2.所有要获取屏幕的高度文档的高度和滚动的高度下面的代码是已经做好了兼容的可以直接拿来用 Javascript: ...
[Ajax] jQuery中的Ajax -- 01-jQuery中的Ajax
jQuery中的Ajax 参考文档 jQuery中的Ajax 六个Ajax操作方法 load()方法 $.get()方法 $.post()方法 $.ajax()方法 $.getScript()方法 $ ...
什么是Ajax ? 为什么要学习Ajax jQuery中的Ajax怎么使用 10
什么是Ajax Ajax 的全称是 Asynchronous JavaScript And XML (异步 JavaScript 和 xml ) 通俗理解:在网页中利用 XMLHttpRequest ...
Flask + Ajax + Mysql 实现网页异步加载（一）
滚动条滑到底部时候,在当前页面加载下一页数据: 滚动条到达顶部时候,刷新当前页面. 一.flask 实现的服务器端 @app.route('/',methods=['GET','POST']) def ...
echarts asp mysql 源码_如何使用PHP+jQuery+MySQL实现异步加载ECharts地图数据(附源码下载)...
ECharts地图主要用于地理区域数据的可视化,展示不同区域的数据分布信息.ECharts官网提供了中国地图.世界地图等地图数据下载,通过js引入或异步加载json文件的形式调用地图. 本文将结合实例 ...
jquery跟js初始化加载的多种方法及区别介绍
jquery是等待页面加载完数据,以及页面部分元素:js是页面全部加载完成才执行初始化加载,具体示例祥看本文 jquery和js初始化加载页面的区别: jquery:等待页面加载完数据,以及页面部分 ...

svg html5 ajax,jQuery附加到AJAX加载的SVG问题

svg html5 ajax,jQuery附加到AJAX加载的SVG问题相关推荐

最新文章

热门文章