如何在運行時應用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屬性？

回答

相關問題