À l'aide d'un distinct .fichier js pour gérer Jquery

Je suis nouveau sur Jquery et je suis en cours d'exécution dans un problème lorsque j'essaie de mettre mes scripts JQuery dans un fichier séparé dans mon dossier de projet. Je suis en train de travailler avec un plug-in appelé le Coin. Voici la partie pertinente du fichier HTML

<script type="text/javascript" src="scripts/jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="scripts/jquery.corner.js"></script>
<script type="text/javascript" src="scripts/myJQuery.js"></script>

En commentant la ligne ci-dessus, et de décommenter le script ci-dessous, la fiche de travail. Le contenu de myJQuery.js sont à l'exact script ci-dessous (à l'exclusion des balises de script).

    <!--<script>
        $(document).ready(function() 
        {
                $("div.container").corner();
            $("div.linkList").corner();
      })
    </script>-->

HTML:

<body>
    <div class ="container">
        <div class ="header"></div>
    <div class ="linkList"></div>
    </div>
</body>

Des idées sur le pourquoi du même code est dans une direction (dans le fichier HTML), mais pas dans l'autre sens (séparée .fichier js)? Merci à l'avance.

  • Il est crucial que Emil mentionnées ci-dessous, qui jquery-1.3.2.min.js se fait avant votre propre js importations.
InformationsquelleAutor | 2009-06-10
  1. 3

    Vous dire que le code: 

    $(document).ready(function() 
            {
                            $("div.container").corner();
                $("div.linkList").corner();
      })

    Fonctionne quand il est sur la ligne, mais pas dans un fichier externe?

    Est le code ci-dessus dans le seul code de myJQuery.js? Si ce n'est pas le cas, assurez-vous que il y a des erreurs de syntaxe dans le fichier de garder le code de la cuisson. J'ai créé un exemple de ce que vous avez ci-dessus avec le code dans un fichier séparé et qu'il fonctionne correctement. Découvrez http://thetimbanks.com/demos/help/separate/ et d'afficher la source si vous voulez voir le code.

    InformationsquelleAutor Tim Banks
  2. 3

    Si vous travaillez à partir d'un PC, vérifiez que vous avez enregistré votre fichier dans le format d'encodage ANSI. Si elle est au format UTF-8 assurez-vous que vous avez spécifié dans votre balise de script, c'est à dire:

    <script type="text/javascript" src="scripts/myJQuery.js" charset="UTF-8"></script>
    InformationsquelleAutor NGJ Graphics
  3. 2

    Assurez-vous que "jquery-1.3.2.min.js" est appelé avant les autres fichiers javascript.

    InformationsquelleAutor Emil
  4. 0

    La cause habituelle est une erreur de nommage des fichiers ou des autorisations.

    Vérifier vos journaux de serveur web pour les erreurs.

    InformationsquelleAutor Quentin
  5. 0

    Le problème que je vois est des commentaires HTML que vous utilisez <!-- -->..

    si les sont mis à l'intérieur un fichier js qu'ils provoquent le fichier à pas de charge car ils ne sont pas les commentaires Javascript mais HTML ..

    donc, si le code dans le fichier js est

    <!--
                $(document).ready(function() 
                {
                                $("div.container").corner();
                    $("div.linkList").corner();
          })
-->

    puis de faire comme ceci

    //<!--
                $(document).ready(function() 
                {
                                $("div.container").corner();
                    $("div.linkList").corner();
          })
//-->
    InformationsquelleAutor Gabriele Petrioli
  6. 0

    Aussi longtemps que vous utilisez JQuery fonction de l'API, par exemple $(document).ready(); Vous avez besoin d'appeler jquery-1.3.2.min.js avant personnalisé de votre fichier js, y compris la fonction de l'API JQuery

    InformationsquelleAutor macio.Jun