JQuery UI не загружается

Question

Мой тестовый div ниже. Если я помещу все это на свою страницу, все будет отлично. Если он помещается на мою последнюю страницу, я получаю сообщение о том, что datepicker () не определен.

Как выяснить, что приводит к сбою пользовательского интерфейса jQuery?

<div>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.18/jquery-ui.min.js"></script>

<link type="text/css" href="../css/ui-lightness/jquery-ui-1.8.18.custom.css" rel="stylesheet" />

<script type='text/javascript'>
$(document).ready(function() {

    //for calendar
    $("#date_to").datepicker();
    $("#date_from").datepicker();
    //end for calendar
})
</script>

<input id='date_to'>
<input id='date_from'>
</div>

Answer 1

Убедитесь, что вы случайно не ссылались на jQuery дважды. У меня была более старая версия загрузки jQuery после jQuery UI, которая приводила в порядок вещи. = /

Answer 2

Убедитесь, что при создании пакета jQuery UI здесь: http://jqueryui.com/download, вы выбираете элемент Datepicker . Я видел, что вы используете версию, размещенную на Google , она отлично работает здесь, они ее предоставляют: jQuery UI Datepicker 1.8.18 (посмотрите на исходный код). Чтобы выяснить, что вызывает сбой jQueryUI, помимо отладки:

• Тест на jsfiddle.net;
• Тестирование в других локальных средах (также в других браузерах);

Надеюсь, это поможет.