Как получить темы пользовательского интерфейса JQuery для отображения в CakePHP?

Question

У меня проблема с отображением тем JQuery UI для моего приложения CakePHP. Я разместил тему в app / webroot / lib / jquery.ui /. Теперь на моем макете я импортировал тему, используя:

echo $html->css('/lib/jquery-ui/theme/ui.all');

Я использую виджет DatePicker. На моей странице я вижу, что мое текстовое поле показывало средство выбора даты, когда оно было сфокусировано, но тема не была применена должным образом. Я не вижу фоновые изображения. Я знаю, что тема (или CSS) была импортирована, так как я вижу некоторые изменения в DatePicker (шрифты, пробелы и т. Д.). Я просто не мог видеть фоновые изображения.

Не знаю, связано ли это с моей проблемой, но я также использую YUI.

Answer 1

ОК, поэтому я нашел ответ здесь: jQuery-UI Datepicker CSS проблема

Answer 2

вы сказали, что имеете файлы в app / webroot / lib / jquery.ui /

, поэтому вы должны использовать правильный путь:

echo $html->css('/lib/jquery.ui/theme/ui.all');

Answer 3

Просто добавлю немного уточнения:

Я использую набор даты jquery ui для нескольких проектов, и он всегда работал отлично. Затем я испек новый проект торта, бросил в DatePicker и обнаружил, что фоновые изображения не загружаются. Я удалил cake.generic.css из своего приложения, и изображения DatePicker смогли загрузить! Добавьте его обратно, и они исчезнут!

Пока вы используете собственную форму css для своих приложений, все будет в порядке.

Answer 4

Я так понимаю, ваш файл ui.all.css находится в app / webroot / css / lib / jquery-ui / theme /?

Где изображения, на которые оно ссылается?

URL-адреса фоновых изображений в файлах CSS должны относиться к самому файлу CSS - поэтому, если изображения находятся в app / webroot / img / lib / jquery-ui / theme /, URL-адреса в Файл CSS должен быть ../../../../img/lib/jquery-ui/theme/ или, альтернативно, URL-адреса могут быть абсолютными из DocRoot сайта, например / IMG / Библиотека / JQuery-щ / тема /