Question

我希望简单地移动divs宽度，因为某些图片会在我的应用程序中加载。因为某种原因我读了Div的宽度加128然后使用.css（）来改变div的新宽度。由于某种原因，.css（）函数不会随着它的更新而更新宽度。它仅更新最后加载的图片。我真的不确定为什么会这样。这是一些代码：

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();
     }
}

关于我打破什么的任何想法？

Answer 1

使用jquery width属性更新元素宽度。

css用于HTML元素的更多深奥属性。

$("#LoadingBar").css("width")

变为：

$("#LoadingBar").width()

您也可以设置宽度

$("#LoadingBar").width(MyWidthValue);

Answer 2

这样做可以改变宽度

$(<your element>).width(function (a, w) {return w+=128});

如果你需要动画

$(<your element>).animate({width:"+=128"},'fast');

Answer 3

而不是使用css width使用：var width = $("#LoadingBar").width()来获取数值。然后递增它并附加单位

.css（）没有设置宽度值

3 个答案: