如何在CakePHP中显示JQuery UI主题?

时间:2009-02-05 08:40:13

标签: jquery-ui cakephp

我在为CakePHP应用程序显示JQuery UI主题时遇到问题。我把主题放在app / webroot / lib / jquery.ui /。现在在我的布局上我使用:

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

我正在使用DatePicker小部件。在我的页面上,我可以看到我的文本框在聚焦时显示日期选择器,但主题未正确应用。我看不到背景图片。我知道主题(或css)已导入,因为我可以看到DatePicker中的一些更改(字体,间距等)。我只是看不到背景图片。

我不知道这是否与我的问题有关,但我也在使用YUI。

4 个答案:

答案 0 :(得分:3)

好的,所以我在这里找到答案:jQuery-UI Datepicker CSS problem

答案 1 :(得分:0)

我认为你的ui.all.css文件位于app / webroot / css / lib / jquery-ui / theme /?

它引用的图像在哪里?

CSS文件中背景图片的URL应该与CSS文件本身相关 - 所以如果图像位于app / webroot / img / lib / jquery-ui / theme /中,则URL中的CSS文件应该是../../../../img/lib/jquery-ui/theme/或者,URL可以是站点的DocRoot的绝对URL,例如/ IMG / LIB / jQuery的UI /主题/

答案 2 :(得分:0)

再加上一点澄清:

我一直在使用jquery ui datepicker进行多个项目,它总是运行得很好。然后我烘焙了一个新的蛋糕项目,放入了datepicker,发现背景图像没有加载。我从我的应用程序中删除了cake.generic.css,并且datepicker图像能够加载!把它重新加入,它们就会消失!

只要您为自己的应用程序使用自己的表单css,就可以了。

答案 3 :(得分:0)

你说你有app / webroot / lib / jquery.ui /

的文件

所以你应该使用正确的路径:

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