Проблемы с jQuery UI Datepicker

Question

Хорошо, я развернул свою собственную тему, я сделал пользовательский пакет jQuery UI (индикатор выполнения, средство выбора даты, слайдер) и установил все это. Кажется, (в основном) работает за исключением двух вещей:

1. Когда моя страница впервые загружается, отображается элемент выбора даты; и
2. Текст "Next" и "Prev" виден крупным шрифтом под моими значками. Похоже, ни в одном из примеров этой проблемы нет.

Сейчас (1) Я сейчас решаю по:

#ui-datepicker-div { display: none; }

в другом файле CSS, но, опять же, ни одна из демонстраций не нуждается в этом.

Чего мне не хватает?

Answer 1

Я исправил это с помощью # ui-datepicker-div {display: none; }

Answer 2

Хорошо, большое спасибо, это работа, братан, вот что я сделал, чтобы решить: запишите этот стиль в файл jquery-ui-1.7.1.custom.css (или любой загруженный вами файл css):

#ui-datepicker-div { display: none; }

затем обновите страницу

Answer 3

У меня была похожая проблема, потому что я использовал неправильную версию таблицы стилей для той версии jQuery UI, которую я использовал (я обновил пользовательский интерфейс jQuery без обновления таблицы стилей). Если вы используете jQuery UI 1.8.17, убедитесь, что используемая таблица стилей также имеет версию 1.8.17.

Answer 4

1. убедитесь, что ваши файлы javascript правильно загружены, проверьте, отсутствуют ли файлы или неверный путь.
2. убедитесь, что ваш скрипт запускается после того, как документ готов, попробуйте поместить ваш скрипт до и / или внутри $ (document) .ready () {}
3. попробуйте раздеть свой собственный CSS, чтобы увидеть, есть ли конфликт CSS.
4. опубликуйте код для нас здесь. :)

Answer 5

Пожалуйста, измените с instActive.inline в (typeof (instActive) == 'undefined' || instActive.inline)

в вашем jqueryui.js

Для обсуждения этого перехода -> http://code.google.com/p/jquery-datepicker/issues/detail?id=285

Answer 6

Для меня css не был включен (jquery.ui.datepicker.css). Итак, я увидел div (ui-datepicker-div) внизу страницы и получил следующую ошибку с FireBug: instActive is undefined.

Answer 7

Не зная ничего о вашей проблеме, я полагаю, что это может быть другой css на вашей странице, конфликтующий со сборщиком.

Answer 8

Поскольку никто не ответил на вторую часть вопроса ...

Добавьте следующие две строки в ваш CSS .ui-icon:

text-indent: -99999px;
overflow: hidden;

Это должно исправить появление «Prev» и «Next».