Проблема с CSS в jQuery-UI Datepicker
У меня есть довольно простая HTML-страница с jQuery datepicker:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns = "http://www.w3.org/1999/xhtml">
<head>
<title>jQuery Datepicker</title>
<link rel = "stylesheet" href = "../App_Themes/Default/ui.datepicker.css" type = "text/css"
media = "screen" title = "Smoothness" />
<script src = "../Shared/Scripts/jquery-1.2.6.min.js" type = "text/javascript"></script>
<script src = "../Shared/Scripts/jquery-ui-1.5.3.min.js" type = "text/javascript"></script>
<script language = "javascript" type = "text/javascript">
$(document).ready(PageLoad);
function PageLoad() {
$('#textBox').datepicker();
}
</script>
</head>
<body>
<input type = "text" id = "textBox" />
</body>
</html>
Сама датапикер, кажется, работает отлично, но я не могу применить свою тему. Я упустил здесь что-то действительно глупое?
Спасибо !!!!
Ответы 4
Моя проблема заключалась не в достоверности CSS или относительных путях ... Я просто ссылался на неправильную версию файлов CSS для моей версии jQuery-ui. Всем, у кого была подобная проблема, убедитесь, что вы загрузили правильную версию темы для своих скриптов jQuery-ui.
Спасибо.
Это отличное / ужасное чувство, когда ты понимаешь, что все время знал, что делал, но где-то потерпел неудачу в исполнении :)
У меня проблема противоположная вашей. При этом я забыл вставить строку ниже в свой раздел головы, и мой datepicker берет css из моего шаблона. Включив его в свой главный раздел, я смогу просмотреть средство выбора даты и времени с помощью css googleapi
<link href = "http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel = "stylesheet" type = "text/css">
Если вы загружаете jQueryUI через Google, убедитесь, что CSS-тема jQueryUI имеет ту же версию, что и библиотека jQueryUI.
<link href = "http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.5/themes/base/jquery-ui.css" rel = "stylesheet" type = "text/css"/>
<script src='https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.5/jquery-ui.min.js' type='text/javascript'></script>
Проверьте приведенный выше код, оба используют 1.8.5. Но если вы загрузите 1.8 вместо 1.8.5 для темы, датапикер не появится.
давай попробуем с этим ...
function eds_admin_styles() {
wp_enqueue_style( 'jquery-ui-datepicker-style' , '//ajax.googleapis.com/ajax/libs/jqueryui/1.10.4/themes/smoothness/jquery-ui.css');
}
add_action('admin_print_styles', 'eds_admin_styles');
function eds_admin_scripts() {
wp_enqueue_script( 'jquery-ui-datepicker' );
}
add_action('admin_enqueue_scripts', 'eds_admin_scripts');
вот js
(function($) {
$('#jquery-datepicker').datepicker();
}(jQuery));
Он отлично работает для меня. Проверьте свой путь и валидность CSS.