Изменение ширины jQuery ui-datepicker с помощью jquery

Question

Я пытаюсь изменить ширину календаря jquery .ui-datepicker с помощью jquery.

настоящее время у меня это:

<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, он отлично работает.

Кто-нибудь знает, в чем проблема?

Edit: Кажется, что это событие OnClick в Jquery пользовательский интерфейс, который стреляет и перезапись с помощью .css() метод. Кажется, использование тега стиля является самым быстрым и простым решением на данном этапе. Я не вижу другой альтернативы

Answer 1

Просто добавьте класс, который имеет ширину: 14em важно

Вы не должны быть укладка с помощью JavaScript в любом случае, создать класс и добавить этот класс.