Jquery 设置类属性不起作用

Question

我有一个 CSS 类，我希望设置它的宽度属性:

ul.month-wrapper li
{
    font-size: 13px;
}
ul.year-wrapper li
{
    font-size: 16px;
}

还有 Jquery:

var MonthWidth = 30;
var YearWidth = MonthWidth * 12;

// Set CSS classes widths
$('ul.month-wrapper li').css('width', MonthWidth + 'px');
$('ul.year-wrapper li').css('width', YearWidth + 'px');

然而这似乎没有做任何事情，宽度保持不变!有什么想法吗？

Answer 1

您无法向 CSS 类添加任何内容。 CSS 类是静态的。

您上面所做的是将 width 样式属性添加到页面上 li 类的 ul 中的任何控件.year-wrapper

我的猜测是，在列表项加载到页面之前，您在页面脚本中过早运行此脚本。请尝试以下操作以确保页面已完成加载:

$(document).ready(function(){
   var MonthWidth = 30;
   var YearWidth = MonthWidth * 12;

   // Set CSS classes widths
   $('ul.month-wrapper li').css('width', MonthWidth + 'px');
   $('ul.year-wrapper li').css('width', YearWidth + 'px');

});