我有一个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而不会有任何变化。我不知道我的错误在哪里。
答案 0 :(得分:0)
尽管我反对!important
值,但这是你应该使用它的场景。
element.style
表示140px高度由JavaScript内联或设置。如果通过Javascript,代码可以在您的代码($ .each)之后执行。
答案 1 :(得分:0)
element.style是在元素上定义的样式 - 直接 - 使用style ="" 所以你应该检查你的JavaScript或HTML。
另一个问题是你不必使用"每个"为了设置一个高度,你可以选择
$(".ui-widget-content").css("height", "40px");
你将获得相同的结果。
$(".ui-widget-content").css("height", "40px");
的另一个问题是,如果您在页面中包含其他小部件,它们也将具有height = 40,因此使用它不是很方便。
通常尽量避免内联样式。创建一个定义所有样式属性的类是一种更好的做法!