Ajout des fichiers javascript externes pour magento-tête

Je suis d'essayer d'ajouter des fichiers javascript externes à l'magento cms, mais ils ne semblent pas fonctionner, même si elles affichent bien dans la section d'en-tête.

Je suis l'ajout de lignes de code suivantes à la tête.phtml

<!--pankaj js edition-->

<script src="<?php echo $this->getJsUrl(); ?>jQuery_1205141001.js" type="text/javascript"></script>
<script src="<?php echo $this->getJsUrl(); ?>Common_1205141001.js" type="text/javascript"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js" type="text/javascript"></script>

Ils font preuve dans la section d'en-tête lorsque la page est affichée, mais ne semble pas faire le travail qu'ils sont censés le faire.

Suis, j'ai fait quelque chose de mal. Parce que les fichiers fonctionnent bien dans la page html simple. Ai-je besoin d'ajouter les fichiers à un autre endroit. Désolé de déranger mais je suis un newbie pour magento.

  • Peut-être jquery.min.js doit être chargé avant les deux autres?
  • absolument correct
InformationsquelleAutor Pankaj Upadhyay | 2012-05-23
  1. 2

    Il pourrait y avoir 2 problèmes avec cette

    1) Vous tentez d'exécuter jquery dans jQuery_1205141001.js ce qui est inclus dans la première ligne, où vous êtes, y compris la bibliothèque jquery plus tard

    2) Votre jquery est en conflit avec le prototype. Pour cela, vous devez ajouter ceci dans le phtml avant d'exécuter tout code jquery et après l'ajout de la bibliothèque jquery

    <script type="text/javascript">
var $j = jQuery.noConflict();
</script>

    puis utiliser $j.fonction au lieu de $.la fonction jquery
    par exemple,

    $j(document.documentElement).keyup(function (event) {

  if (event.keyCode == 37) {

    $j('#prev1').click();
  } else if (event.keyCode == 39) {
    $j('#next1').click();
  }
});

    au lieu de

    $(document.documentElement).keyup(function (event) {

  if (event.keyCode == 37) {

    $('#prev1').click();
  } else if (event.keyCode == 39) {
    $('#next1').click();
  }
});
    • La bonne solution. Je tiens à ajouter, cependant, que l'ajout de jquery Magento est une mauvaise décision. Il utilise déjà prototype, l'ajout d'un deuxième bibliothèque javascript gonfle le code pour aucune bonne raison.
    • jQuery a beaucoup plus de visibilité et de soutien de la communauté de prototype. N'ai pas vu des gens en utilisant des prototypes dans des projets indépendants beaucoup.
    • Je souhaite Magento n'utiliser JQuery - j'espère qu'ils vont à l'avenir comme jQuery semble être becomming le standard du web. Cependant, mon point est toujours debout : 2 bibliothèques javascript est encombrant pour aucune raison, et provoque des conflits de questions. Vous ne pouvez pas supprimer Prototype de Magento, il semble donc que le meilleur choix est de travailler avec elle.
    InformationsquelleAutor sulabh
  2. 1

    Plutôt que la modification de la tête.phtml fichier directement pour ajouter votre JS referecnces vous devriez vraiment le placer dans vos thèmes local.xml comme:

    <reference name="head">
    <block type="core/text" name="google.cdn.jquery" after="-">
        <action method="setText">
            <text><![CDATA[<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
            <script type="text/javascript">jQuery.noConflict();</script>]]>
            </text>
        </action>
    </block>
    <action method="addItem"><type>skin_js</type><script>js/jQuery_1205141001.js</script></action>
</reference>

    Également vérifier pour les erreurs de Javascript avec Firebug. Si il y a des erreurs javascript qui sont à l'origine de certains js fonctionnalités de l'échec de firebug vais vous dire ceci.

    • Il suffit de penser un peu plus, vous devrez peut-être besoin de modifier vos thèmes de la tête.phtml pour appeler getChildHtml() AVANT getCssJsHtml() pour que le JS externe (Google hébergé jQuery)être appelée avant que le reste des JS.
    • cela ne fonctionne pas. J'ai eu ce problème hier. Ajoutant à local.xml charger le js dernier. Donc, si vous par tout changement ont un jquery référence dans n'importe quel autre module, ne fonctionne pas.
    • Vrai, mais voir mon commentaire ci-dessus à propos de la permutation getChildHtml() & getCssJsHtml().
    • apparemment, cela ne fonctionne pas dans adminhtml 🙁
    InformationsquelleAutor sulman
  3. 0
    <reference name="head">
      <action method="addJs"><script>[MODULE]/your.js</script></action>

    </reference>

    créer un dossier avec le même que votre nom de module dans le dossier js de magento racine et de copier votre fichier js dans ce dossier.

    InformationsquelleAutor Naresh Tank