Y compris jQuery et d'autres fichiers JS dans Liferay Thème

J'utilise Liferay 6.1 et j'ai créé mon thème (sample-theme) et je veux ajouter jQuery.
Comment puis-je le faire?

Pourquoi j'ai des dossiers: sample-theme et liferay-work et les deux ont des dossiers: css, js, des modèles?

J'ai créé un dossier _diffs et sous-dossier js et y copier jQuery et ajouter dans portal_normal.vm:

<script src="/html/js/jquery/jquery-1.8.2.min.js"></script>

Et je ne vois pas de changements, Pourquoi? Comment puis-je ajouter jQuery? Pas seulement à un seul portlet, mais pour tous.

Je n'ai pas de dossier docroot je suis d'utilisation de Maven et dans src/main/webapp j'ai créé un dossier _diffs et à l'intérieur du dossier js, j'y ai ajouter jquery.js et dans _diffs créé dossier de modèles de d coller:

<script src="$javascript_folder/jquery-1.8.2.min.js"></script>

Et encore c'est faux. Peut-être que le dossier _diffs devraient être dans un autre endroits? Ce qui devrait être une structure de projet maven?

Pour la construction à l'aide de maven cela peut vous aider: liferaysolution.com/2012/09/maven-build-with-liferay.html

OriginalL'auteur witek010 | 2012-10-17

  1. 9

    Vous pouvez ajouter tous vos fichiers javascript à la js dossier dans votre thème comme:

    sample-theme/docroot/_diffs/js/jquery-1.8.2.min.js

    Puis de le rendre disponible pour tout le monde, vous pouvez écrire les lignes suivantes dans le <head> la section des fichiers de modèle portal_normal.vm et portal_pop_up.vm présents dans le répertoire sample-theme/docroot/_diffs/templates/:

    #js ("$javascript_folder/jquery-1.8.2.min.js")

    Ou

    <script src="$javascript_folder/jquery-1.8.2.min.js"></script>

    Remarque: portal_pop_up.vm est pour appliquer vos modifications javascript pour AUI boîte de dialogue pop-ups, si vous êtes à l'aide de

    De plus d'explications quant à la façon dont les choses fonctionnent:

    $javascript_folder est à une vitesse variable présente dans les fichiers du thème, ce qui souligne l'javascript chemin de stockage (par défaut: ${root-path}/js) qui peut être défini dans le liferay-look-and-feel.xml comme ceci:

    <theme id="sample" name="Sample">
    <root-path>/html</root-path> <!-- optional -->
    <javascript-path>${root-path}/js/jQuery</javascript-path> <!-- So path becomes: sample-theme/html/js/jQuery -->
</theme>

    Vous pouvez également personnaliser ${root-path} comme <javascript-path> en le précisant dans liferay-look-and-feel.xml comme <root-path> comme indiqué. La valeur par défaut de ${root-path} est / il s'agit de l'annuaire sample-theme/.

    Essentiellement les dossiers css, js, templates & images sont ceux qui est mis à jour avec les modifications que vous apportez dans le _diffs dossier (_diffs/css, _diffs/js etc) lorsque vous générez le thème. C'est donc la raison de la vitesse des variables comme $javascript_folder & $css_folder point de sample-theme/js & sample-theme/css respectivement à la place de sample-theme/_diffs/js ou sample-theme/_diffs/css.

    Espère que cette aide.

    OriginalL'auteur Prakash K

  2. 4

    Ajouter


    <script src="$themeDisplay.getPathThemeRoot()js/jquery-1.8.2.min.js" type="text/javascript">     dans portal_normal.vm

    après l'ajout du fichier de l'échantillon-thème/docroot/_diff dossier/js

    Vous pouvez également utiliser un CDN directement


    <script src="<jquery url in CDN>" type="text/javascript">

    OriginalL'auteur Adel

  3. 2

    Vous devez ajouter jquery-1.8.2.min.js le dossier docroot/_diffs/js dans votre thème. Puis dans docroot/_diffs/templates/portal_normal.vm vous devez ajouter la ligne suivante à la <head /> section:

    <script src="$javascript_folder/jquery-1.8.2.min.js"></script>

    Je pense que cela devrait fonctionner.

    OriginalL'auteur Artem Shafranov

  4. 0

    Cela devrait être utile pour vous

     <script src="<%=request.getContextPath()%>/js/jquery-1.8.2.min.js" ></script>

    OriginalL'auteur Mari Selvan

  5. 0

    1. diff n'est requis lorsqu'il y a projet ant, MAVEN, vous n'avez pas besoin de diff

    2. demande.getContextPath est utile quand tu veux le faire dans les portlets & Pas les thèmes.

    3. vous pouvez utiliser "$javascript_folder pour accéder à rien à l'intérieur de dossier js

    OriginalL'auteur Parth Ghiya