Comment remplacer Primefaces jQuery et css

Je suis à l'aide de PrimeFaces. Comme PrimeFaces utilise son propre jQuery, jqueryUI, jQuery-UI.css. Je suis à l'aide de l'interface utilisateur:la composition. Ce que j'ai fait j'ai inclus une ligne dans mon template de la page comme ceci

mise en page.xhtml

 <h:head>       
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>
        <ui:insert name="title">Login</ui:insert> 
    </title>      
    <ui:insert name="style"></ui:insert>
</h:head>

Ensuite sur ma page, j'ai utilisé quelque chose comme cela

<h:body>
    <ui:composition template="./WEB-INF/templates/layout.xhtml">           
        <ui:define name="title">Add News</ui:define>
        <ui:define name="style"><h:outputStylesheet library="css" name="basit.css"/> </ui:define>
        <ui:define name="content">
            <h:form id="news_advertisement_form"  >
            ...
            </h:form>
        </ui:define>
    <ui:composition>
</h:body>

C'est notamment basit.css sur ma page, mais le problème est , le css est notamment avant de primefaces css et jQueries. Je veux que mon css apparaissent après PrimeFaces Css et jqueries. Comment puis-je le faire?
Grâce

OriginalL'auteur Basit | 2012-03-07

  1. 2

    Il y a un problème connecté avec PrimeFaces qui traite de ce problème.

    http://code.google.com/p/primefaces/issues/detail?id=2454

    Essentiellement la h:head composant est rendu PrimeFaces les feuilles de style et scripts javascript après, y compris les éléments de l'intérieur de la h:head. Il y a aussi ce problème qui ressemble, il est le même.

    http://code.google.com/p/primefaces/issues/detail?id=2478

    Cette question est marqué comme résolu dans 3.0, cependant, vous devriez essayer d'insérer votre feuille de style à l'intérieur de la h:body tag au lieu de h:head comme une solution de contournement possible.

    Non, après l'insertion de la css à l'intérieur de h:organe de la feuille de style css est encore apparaître avant de primeFaces css. Cela signifie que je ne peux pas ne rien faire dans le cas de Faces principales 2.2 mettre mon css après le Premier Visages css?......
    Allez-vous mettre la feuille de style dans le corps ou le ui:define composant dans le corps? Si vous mettez la ui:define dans le corps, puis il va l'insérer dans la tête, parce que vous êtes à la définition du contenu de la ui:insert qui se trouve être dans la tête.
    Merci, vous avez raison. Si vous incluez le css dans le corps, puis il remplace le Premier Visages css. Mais je suis confronté au problème. Je suis à l'aide de p:calendrier sur ma page. Maintenant, je suis y compris la <link type="text/css" href="css/jquery-ui-1.8.17.custom.css" />, à la fin, après p:calener, mais mon p:calendrier ne s'affiche pas quand je clique sur le calendrier de bouton. Cela signifie qu'il n'a pas d'importance où vous incluez votre css dans la page, il sera en conflit avec le Premier Visages jQuery-ui.css? Est-il de toute façon que je peux utiliser les deux sur ma page sans conflit?
    J'ai aussi remarqué une chose que si vous utilisez <h:outputStylesheet> alors que votre css vient juste avant de primefaces de la peau.css. Mais si vous utilisez <link >, puis elle vient après le Primefaces css. ainsi, au lieu d'utiliser les css dans le corps, j'ai inclus css dans la section d'en-tête, et il vient après le css. Il fonctionne très bien.

    OriginalL'auteur maple_shaft

  2. 3
    <h:head>
    <!--This css will come just before Prime Faces skin.css -->
    <h:outputStylesheet library="css" name="messageDialogStyle.css" />
    <h:outputScript library="primefaces" name="jquery/jquery.js" />
    <h:outputScript >
        $ = jQuery;
    </h:outputScript>
    <h:outputScript library="Javascripts" name="default.js" />
    <h:outputScript library="Javascripts" name="jquery.dialog.js" />

    <!--These all come after PrimeFaces css -->
    <link rel="stylesheet" type="text/css" href="css/humera.css" />
    <link rel="stylesheet" href="css/witp.css" type="text/css" />

    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

    <title>
        <ui:insert name="title">Login</ui:insert> 
    </title>

    <ui:insert name="style"></ui:insert>

</h:head>
<h:body>       
    <div>
        <ui:insert name="top1">
            <ui:insert name="style"></ui:insert>
            <ui:include src="header.xhtml" id="header"/>
            </ui:insert>
    </div>
    ....

</h:body>

    OriginalL'auteur Basit