用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[url](http://plugins.jquery.com/project/dimensions)[/url], 可以返回指定元素的各类尺寸信息, 而且是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>


..........................................................[b]OVER[/b]
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值