jQuery UI CSS导入似乎不起作用

时间:2012-03-31 17:51:22

标签: jquery jquery-ui symfony

我多年来一直在使用Symfony,但我是Symfony2的新手。

当我将jQuery和jQuery UI包含到我的Symfony2项目中时,我发现所有的JavaScript都能正常工作,但并不是所有的CSS都能通过,即使我包含了应该制作所有样式的主要jQuery UI CSS文件工作

在我看来,jQuery UI CSS不起作用的原因是CSS导入中的路径对Symfony没有任何意义:

// web/js/development-bundle/themes/base/jquery.ui.base.css
@import url("jquery.ui.core.css");
@import url("jquery.ui.resizable.css");

显然,没有路径的jquery.ui.core.css对Symfony不起作用。

那我该怎么办?如何在Symfony2中正常处理?

1 个答案:

答案 0 :(得分:1)

这些只是CSS导入声明,我不认为symfony会干扰它们。当您的页面尝试访问它们时,您会收到404错误吗?

这似乎与此问题/答案相似:Where do Symfony2 shared CSS and JS assets go, best practice wise?

其中一个(未接受的)答案表明了这一点:

{% stylesheets '../app/Resources/public/css/*' %}
    <link href="{{ asset_url }}" type="text/css" rel="stylesheet" />
{% endstylesheets %}

或者,如果您必须使用@import方法,请确保它是样式块中的第一个:

<style type="text/css">
  @import url("jquery.ui.core.css");
  @import url("jquery.ui.resizable.css";

  ... other style declarations

</style>

这会回答你的问题吗?