Question

我有HTML代码

 <div id="div1"></div>

我正在动态地将内容加载到其上，并根据内容

在“成功”功能中设置其宽度

heres jquery code

data是php返回的数组，data.length = 30;

 success: function (data) {
        var data1=data;
        var w2=(data1.length)*100;
        $("#div1").css({'width':w2+'px'});
        alert($("#div").width();

但是当我提醒它时，我得到NULL值，div1设置为默认宽度

Answer 1

您将css应用于与警报中使用的选择器不同的选择器并且警报未通过）

 $("#div1").css('width',w2+'px');
alert($("#div").width());

Answer 2

设置如此

      $("#div1").css('width', w2);

然后警告“＃div1”的宽度，而不是“#div”..就像这样

      alert($("#div1").width());

完整的事情：

success: function (data) {
    var data1=data;
    var w2=(data1.length)*100;
    $("#div1").css('width', w2);
    alert($("#div1").width());
}

Answer 3

这是你的功能，我也删除了data1，因为它没用并使代码更具可读性

function (data) {
    var w2 = data.length * 100;
    $("#div1").css('width', w2);
    alert($("#div").width());
}

如何在运行时应用css属性？

3 个答案: