Javascript externe ne fonctionne pas, mais fonctionne dans la tête

Je suis nouveau à cela, mais je vais avoir du mal à obtenir mon js externe de travailler (mais il fonctionne dans la tête de HTML doc), j'ai regardé toutes les solutions ici déjà.

C'est mon HTML, js src est script2.js

<!DOCTYPE html >
<html>
<head>
<link href="css/stylesheetelaine.css" rel="stylesheet" type="text/css"/> 
<script type="text/javascript" src="js/script2.js"> </script>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.3/jquery.min.js"></script>
<script src="js/jQuery/jquery.monte.js"></script>     
<meta charset="utf-8">
<title>Gallery</title>
</head>
<body>
<div id="wrapper">
<div id="title">
<h1><a href="index.html"><img src="img/elaine4.png"  width="517" height="185"    alt="elaine cullinan"></a><img src="img/elainefilligree.png" width="235" height="251" alt="elaine"></h1>
<div id="nav">
<ul id>
<li><a href="about.html" title="About">About</a></li>
<li><a href="tattoo.html" title="Tattoo">Tattoo</a></li>
<li><a href="makeup.html" title="Make Up">Make Up</a></li>
<li><a href="gallery.html" title="Gallery">Gallery</a></li>
<li><a href="contact.html" title="Contact">Contact</a></li>
</ul>
</div>
<div id="gallerywrap">
<div id='example1' class='container'>
<img src="img/slide/img1.png" alt='An eastern mud turtle hatching.'/>
<img src="img/slide/img1.png" alt='Just hatched.'/>
<img src="img/slide/img1.png" alt='After three months.'/>
<img src="img/slide/img1.png" alt='Taking an occassional bask.'/>
<img src="img/slide/img1.png" alt='Ornery but healthy at two and a half years.'/>
</div>
</div>
</body>
</html>

Mon js externe:

        $(function () {
//Unstyled Example
$.monte('#example1');
//Styled Buttons Example
//(see the CSS in the above style block)
$.monte('#example2', {auto:false});
//Callback Example
//Format and append the HTML:
$('#example3 > img').each(function(){
$(this)
.wrap('<div style="position:relative"/>')
.parent()
.append('<div><p>' + $(this).attr('alt') + '</p></div>')
.append('<img src="frame.png" alt="" class="frame"/>');
});
//Hide the text on all but the center slide:
$('#example3 div div').css({opacity: 0}).eq(0).css({opacity: 0.8});
//Using the callbacks to reveal and hide the text:
$.monte('#example3', {
auto:false,
callbackIn: function () {
$(this[0]).find('div').animate({opacity: 0.8}, 450);
}, 
callbackAway: function () {
$(this[0]).find('div').animate({opacity: 0}, 450);
}
});
});
  • Êtes-vous sûr que le chemin d'accès est de résoudre correctement?
InformationsquelleAutor user1944305 | 2013-01-03
  1. 2

    Vous êtes en train de charger avant vous charger jQuery. Il faut le charger après.

    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.3/jquery.min.js"></script>
<script type="text/javascript" src="js/script2.js"> </script>
    • Wow ne peux pas croire que c'était simple, j'avais déplacé en dessous des deux, mais ne pense pas que la commande correctement. Merci!
    • Vous pouvez également utiliser des chargeurs comme RequireJS pour éviter ce genre de problème complètement, et jusqu'à la fin avec une belle générateur de script qui construit l'ensemble du projet dans un fichier unique pour vous. 😉
    • J'ai un autre problème maintenant, il charge très bien dans chrome, mais ne semble pas fonctionner dans Internet Explorer, des suggestions?
    InformationsquelleAutor John Conde
  2. 2

    Déplacer cette ligne:

    <script type="text/javascript" src="js/script2.js"> </script>

    À après où vous incluez jquery.min.js et jquery.monte.js.

    Scripts sont exécutés dans l'ordre, de sorte que vous besoin de cette:

    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.3/jquery.min.js"></script>
<script src="js/jQuery/jquery.monte.js"></script>
<script type="text/javascript" src="js/script2.js"></script>

    De sorte que le navigateur se charge tout d'abord de jQuery, puis charge le Monte plugin, alors est-ce que votre script.

    InformationsquelleAutor nnnnnn
  3. 1

    Pour exécuter le javascript externe. Déclarer au bas de la page après la balise. Il va travailler. 

    </body><script src="js/validate.js"></script></html>
    InformationsquelleAutor Murali
  4. 0

    assurez-vous que ces points n'ont pas été oubliés

    1. Ajouter les deux fichier js et html fichier dans le répertoire unique, parfois en gardant les fichiers dans un seul lecteur donne également d'erreur

    2. Dot extension de fichier (external.js la ligne devrait ressembler à ceci
      <script type="text/javascriipt" src="external.js"> même si l'adresse source est modifié, l'erreur se produit.

    InformationsquelleAutor user8373425