Я пытаюсь изменить ширину 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, она работает отлично.
Кто-нибудь знает, в чем может быть проблема?
Изменить:
Кажется, что в пользовательском интерфейсе jquery есть событие onClick, которое запускает и перезаписывает метод .css (). Кажется, использование тега стиля - самое быстрое и простое решение на данный момент. Я не вижу другой альтернативы