2012-03-31 30 views
3

我一直在使用Symfony多年,但我是Symfony2的全新品牌。jQuery UI CSS導入似乎不起作用

當我將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

這些只是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> 

這是否回答你的問題?

+0

有趣。我帶着第一個想法去了。我將我的jQuery UI樣式表複製到'app/Resources/public/css'中,然後逐字複製'stylesheets'代碼片段。我得到的是一個名爲'f315b8c_part_1_themes_2.css'的文件,它大概從我從jQuery UI複製的'themes'目錄中得到它的名字。儘管'themes'目錄確實包含了大量的CSS,我的'f315b8c_part_1_themes_2.css'文件完全是空的。也許我必須告訴Symfony我想遞歸地在'public/css'中包含所有東西或類似的東西。 – 2012-03-31 22:39:59