Импорт CSS в jQuery UI не работает

Question

Я использую Symfony в течение многих лет, но я новичок в Symfony2.

Когда я включаю jQuery и jQuery UI в свой проект Symfony2, я обнаруживаю, что весь JavaScript работает правильно, но не всеCSS приходит, хотя я включаю основной файл jQuery UI CSS, который должен заставить все стили работать.

Мне кажется, что причина, по которой CSS jQuery UI не работает, заключается в том, что пути вИмпорт 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 ошибки, когда ваша страница пытается получить к ним доступ?

Похоже, что это похоже на вопрос / ответ: Куда делятся ресурсы Symfony2 для CSS и JS, наилучшая практика?

Один из (не принятых) ответов предлагает следующее:

{% 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>

Это отвечает на ваш вопрос?