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

我有HTML代码如何在运行时应用css属性？

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

我动态加载内容到其上和在基于所述内容的“成功”功能设定其宽度

继承人jQuery代码

数据阵列由返回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的设置默认宽度

来源

2013-03-28 nikhil

data1.length有价值吗？ – Catalin 2013-03-28 10:56:40

尝试使用JavaScript调试器（例如Chrome检查工具）检查您的值，以检查'w2'变量是否具有您期望的值。除此之外，你的代码是正确的。 – pistache 2013-03-28 10:57:23

@ RaraituL..ya..when我我aler只是W1值我期望值 – nikhil 2013-03-28 11:00:17

你将CSS与警报和警报使用选择器选择器不同的是，未命中）

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

来源

2013-03-28 10:55:29

与上述不同的是什么（尽管句法上的差异很明显） – Archer 2013-03-28 10:56:51

@Rab Nawaz ..不工作。显示语法错误 – nikhil 2013-03-28 10:57:40

css（）函数带两个参数：css属性和css值 – 2013-03-28 10:58:35

设置它像这样

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

然后 “＃DIV1”，而不是 “#div” 的警报宽度..，比如s Ø

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

，所以该完整的事：

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

来源

2013-03-28 10:57:06

这里是你工作，我也删除数据1，因为它不是有用，使代码更可读

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

来源

2013-03-28 11:01:47 BlueMagma

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

回答

相关问题