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到40px而不会有任何变化。我不知道我的错误在哪里。

Answer 1

尽管我反对!important值，但这是你应该使用它的场景。

element.style表示140px高度由JavaScript内联或设置。如果通过Javascript，代码可以在您的代码（$ .each）之后执行。

Answer 2

element.style是在元素上定义的样式 - 直接 - 使用style =＆＃34;＆＃34; 所以你应该检查你的JavaScript或HTML。

另一个问题是你不必使用＆＃34;每个＆＃34;为了设置一个高度，你可以选择

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

你将获得相同的结果。

$(".ui-widget-content").css("height", "40px");的另一个问题是，如果您在页面中包含其他小部件，它们也将具有height = 40，因此使用它不是很方便。

通常尽量避免内联样式。创建一个定义所有样式属性的类是一种更好的做法！