用jQuery动态插入IMG时设定尺寸的一些问题

想在指定元素下动态插入IMG同时设置好尺寸, 代码如下

var e=$("#mp_c1_bg");
$("<img src='a.gif' />").attr({width:e.css('width'), height:e.css('height')}).appendTo(e);

结果IMG插入成功, 但尺寸为0;

alert(e.css('width'))

结果显示120px, 类型是String;

再试验直接写入:

$("<img src='a.gif' />").attr({width:'120px', height:'120px'}).appendTo(e);

居然尺寸还是0!再改成

$("<img src='a.gif' />").attr({width:'120', height:'120'}).appendTo(e);

可以了!难道是只能接受Number类型的赋值? 那又该如何表达呢?
后来找到jQuery.dimension (http://plugins.jquery.com/project/dimensions), 可以返回指定元素的各类尺寸信息, 而且是Number类型, 搞定!
最后写法:

$("<img src='a.gif' />").attr({width:e.width(), height:e.height()}).appendTo(e);

当然别忘了在前面

<script type="text/javascript" src="js/jquery.dimensions.min.js"></script>


.......................................................... OVER

你可能感兴趣的:(java,jquery,css)