使用jQuery更改jquery ui-datepicker的宽度

Question

我正在尝试使用jquery来更改jquery日历.ui-datepicker的宽度。

目前我的代码如下：

<script language="javascript" type="text/javascript">
$(function(){
$('head').append('<link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.12/themes/base/jquery-ui.css" rel="stylesheet" type="text/css"/>');         
$(".date").datepicker({ changeYear: true,  yearRange: '1900:2050',
changeMonth: true, dateFormat: 'yy-mm-dd'});
$(".ui-datepicker").css("width", "14em");
$(".ui-widget").css("fontSize", "0.9em");
});
</script>

除了以下问题，一切正常：

$(".ui-datepicker").css("width", "14em");

某些原因导致这似乎无法正确解析。但是，当我在firebug控制台中添加那行代码时，它完美地工作。

有人知道问题可能是什么吗？

编辑： 似乎jquery ui中存在一个onClick事件，它正在通过.css()方法进行覆盖。目前看来，使用样式标签是最快和最简单的解决方案。我没有看到其他选择。

- teamcrisis

Answer 1

只需添加一个类，该类具有宽度：14em！important

无论如何都不应通过javascript进行样式设置，创建一个类并添加该类。

- Nicklas A.