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

Question

我正在尝试使用 jquery 更改 jquery calender.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 事件正在触发和覆盖 by.css() 方法。 在这一点上，使用样式标签似乎是最快和最简单的解决方案。 我没有看到其他选择

Answer 1

只需添加一个宽度为：14em 的 class ！重要

无论如何，您不应该通过 javascript 进行样式设置，创建 class 并添加 class。