今天在使用jQuery方法".css()"设置"ajax-loader.gif"的位置时出了点小状况,关键代码如下(为了简化,这里假定要给"ajax-loader.gif"设置的左边距离固定为"300px"):
$('#svgLoading').css("left", "300px");
这时,"ajax-loader.gif"图片的位置并没有生效! WHY?
很容易地想到另外一种实现方式:
$('#svgLoading').attr("style", "left:300px;");
binggo, 正确!
WHY?难道".css()"和".attr()"在设置"style"中的属性时不能等价?自然地,百度, 加google...结果都类似地解释——"css设置style里的样式,attr设置属性"...
最终发现了问题所在:
tip1. 使用".css()"设置style里的样式时,如果是"长度"值,则默认的单位为"px",所以不需要,也不能显式地指明单位,否则,设置的样式就会不起作用!
tip2. 使用".attr()"设置style里的样式时,如果是"长度"值,则需要,也必须要指明单位,否则,也同样失效!
小结:
error:
$('#svgLoading').css("left", "300px");
$('#svgLoading').attr("style", "left:300;");
right:
$('#svgLoading').css("left", );
$('#svgLoading').attr("style", "left:300px;");