用jQuery动态插入IMG时设定尺寸的一些有关问题
用jQuery动态插入IMG时设定尺寸的一些问题
想在指定元素下动态插入IMG同时设置好尺寸, 代码如下
结果IMG插入成功, 但尺寸为0;
结果显示120px, 类型是String;
再试验直接写入:
居然尺寸还是0!再改成
可以了!难道是只能接受Number类型的赋值? 那又该如何表达呢?
后来找到jQuery.dimension(http://plugins.jquery.com/project/dimensions), 可以返回指定元素的各类尺寸信息, 而且是Number类型, 搞定!
最后写法:
当然别忘了在前面
..........................................................OVER
想在指定元素下动态插入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