asp.net element.style問題與高度屬性

Question

我有一個asp.net mvc項目，其中有一個表與固定標題和前兩列。這是用jquery-ui編寫的，我使用ui-widget-content作爲我的td元素的主類。標題顯示完美，但我的td的下一個屬性

element.style { 
    height: 140px; 
} 

而且我不知道它們出現在哪裏。

我嘗試下一條添加的代碼

$(".ui-widget-content").each(function() { 
     $(this).css("height", "40px"); 
    }); 

但它只是從140px更換到40像素不受不到任何變化。我不知道我的錯誤在哪裏。

Answer 1

element.style是在元素上定義的風格 - 直接 - 使用style =「」 所以你應該檢查你的JavaScript或HTML。

的另一個問題是，你不必使用「每個」，以設置一個高度，你可以只去

$(".ui-widget-content").css("height", "40px"); 

，你將有同樣的結果。

$(".ui-widget-content").css("height", "40px");的另一個問題是，如果您將在頁面中包含其他小部件，他們也將具有height = 40，因此使用它不是很方便。

一般來說，儘量避免內聯樣式。創建一個定義所有樣式屬性的類是更好的做法！

Answer 2

儘管我反對!important值，但這是您應該使用它的場景。

element.style表示140px高度是內聯或由JavaScript設置的。如果使用Javascript，代碼可能會在您的代碼（$ .each）之後執行。