0

我有一个 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，没有任何变化。我不知道我的错误在哪里。

4

2 回答 2

0

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

element.style表示 140px 高度是内联的或由 JavaScript 设置的。如果使用 Javascript，代码可能会在您的代码 ($.each) 之后执行。

于 2013-09-25T18:07:46.027 回答
0

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

另一个问题是您不必使用“每个”来设置您可以使用的高度 

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

你会得到同样的结果。

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

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

于 2013-09-25T18:10:59.250 回答