Javascript .css()未设置宽度值
我希望在应用程序中加载某些图片时,只需移动一个div宽度。出于某种原因,我读取了Div的width add 128,然后使用.css()来更改Div的新宽度。出于某种原因,.css()函数在运行过程中没有更新宽度。它只更新加载的最后一张图片。我真的不知道为什么会这样。下面是一些代码:Javascript .css()未设置宽度值,javascript,jquery,css,Javascript,Jquery,Css,我希望在应用程序中加载某些图片时,只需移动一个div宽度。出于某种原因,我读取了Div的width add 128,然后使用.css()来更改Div的新宽度。出于某种原因,.css()函数在运行过程中没有更新宽度。它只更新加载的最后一张图片。我真的不知道为什么会这样。下面是一些代码: document.getElementById('back').onload = function(){ var width = $("#LoadingBar").css("width").replace(
document.getElementById('back').onload = function(){
var width = $("#LoadingBar").css("width").replace(/[^-\d\.]/g, '');
width = parseInt(width);
var newwidth = width + increment;
newwidth = newwidth +"px";
$('#LoadingBar').animate({width:newwidth},"fast");
if(width == 1280) {
//This is another div that I show once all the pictures load
$("#everything").show();
}
}
关于我要破坏的内容有什么想法吗?使用jquery width属性更新元素宽度 css用于表示HTML元素的更深奥的属性
$("#LoadingBar").css("width")
变成:
$("#LoadingBar").width()
你也可以设置宽度
$("#LoadingBar").width(MyWidthValue);
这样做只是为了改变宽度
$(<your element>).width(function (a, w) {return w+=128});
$().width(函数(a,w){return w+=128});
如果你需要制作动画的话
$(<your element>).animate({width:"+=128"},'fast');
$().animate({width:+=128},'fast');
而不是使用css-width
使用:var-width=$(“#加载栏”).width()
获取数值。然后增加它并附加单位在jQuery API中有一个$().width()
函数,我想你必须更好地解释这一点,你没有使用css()
来更新任何东西,它只在你省略第二个参数时才得到宽度?oooo touche。。。因此,使用.animate()不会设置该值,而且我从未使用新值再次实际更新css!感谢您指出,animate()
将值设置得很好,但在您的问题中,您明确表示您正在使用css()
更改divs的新宽度,但是没有第二个参数,css()
根本不会更改任何内容?