jQuery UI CSS 导入似乎不起作用

Question

我已经使用 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 中通常如何处理这个问题？

Answer 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 方法，请确保它是样式 block 中的第一件事:

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

  ... other style declarations

</style>

这能回答你的问题吗？