2012-03-31 2 views
3

Ich benutze seit Jahren Symfony, aber ich bin neu bei Symfony2.jQuery UI CSS-Importe scheinen nicht zu funktionieren

Wenn ich jQuery und jQuery UI in mein Symfony2 Projekt gehören, finde ich, dass alle JavaScript funktioniert einwandfrei, aber nicht alle der CSS kommt durch, obwohl ich die Haupt-jQuery UI CSS-Datei bin auch, dass alle machen sollte Stile arbeiten.

Es mir die jQuery UI CSS wie der Grund sieht nicht funktioniert, dass die Pfade in den CSS-Importe bedeuten nichts zu Symfony:

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

Offensichtlich jquery.ui.core.css ohne Pfad geht nicht für Symfony arbeiten.

Also was mache ich? Wie wird das normalerweise in Symfony2 gehandhabt?

Antwort

1

Das sind nur CSS-Import-Deklarationen und ich würde nicht denken, Symfony würde sie stören. Erhalten Sie 404 Fehler, wenn Ihre Seite versucht, auf sie zuzugreifen?

es so scheint auf diese Frage/Antwort ähnelt: Where do Symfony2 shared CSS and JS assets go, best practice wise?

Eine der Antworten (nicht akzeptiert) legt dies nahe:

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

Oder, wenn Sie die @import Methode verwenden müssen, stellen sicher ist die erste Sache in Ihrem Stil Block:

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

    ... other style declarations 

</style> 

Beantwortet das Ihre Frage?

+0

Interessant. Ich ging mit der ersten Idee. Ich habe meine jQuery-UI-Stylesheets in 'app/Resources/public/css' kopiert und dann das 'stylesheets'-Snippet von oben wortwörtlich kopiert. Was ich bekam, war eine Datei namens 'f315b8c_part_1_themes_2.css', die vermutlich ihren Namen aus dem Verzeichnis' themes' erhalten hat, das ich von jQuery UI kopiert habe. Obwohl das 'themes'-Verzeichnis reichlich CSS enthält, war meine Datei' f315b8c_part_1_themes_2.css' absolut leer. Vielleicht muss ich Symfony sagen, dass ich alles rekursiv in "public/css" einbinden möchte oder so etwas. –