使用jQuery的IE中的图片问题

问题描述

我正在尝试使用jQuery将图像动态添加到网页.我要做的是在文档中查找 image 标记(我正在使用SVG)，然后从它们中读取某些属性，然后在其中创建带有html图像的 div .这是我的代码:

I am trying to dynamically add images to a web page using jQuery. What I do is look for image tags in the document(I am using SVG) and then read certain atributes from them, then create a div with the html image in it. Here is my code:

$(document).ready(function () {
    $('image').each(function () {
        var src = $(this).attr('xlink:href');
        var width = $(this).attr('width');
        var height = $(this).attr('height')
        var x = $(this).attr('fdtactualx');
        var y = $(this).attr('fdtactualy');
        $('#text').append('<div style="position: absolute; top:' + y + 'px; left:' + x + 'px;"><img src="' + src + '" height="' + height + 'px" width="' + width + 'px" border="0" /></div>');
    });
});

在Chrome中可以正常工作，但IE中的输出如下:

This works fine in Chrome, but the output in IE is the following:

<div style="removed: absolute;"/>

如果有人知道为什么它不会加载图像，请提供帮助.

谢谢，
-Dom

If someone knows why it wont load an image, please do help.

Thanks,
-Dom

推荐答案

这篇关于使用jQuery的IE中的图片问题的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！