Code de travail en jsFiddle mais pas dans le navigateur
Question
Je suis en train d'exécuter le code suivant, écrit sur ma machine locale:
http://www.jsfiddle.net/WShdx/3/
Fonctionnalité-sage (ignorer les images brisées dans les boutons précédent et suivant, et les images principales à tort taille) la fonction clic / vol stationnaire fonctionne correctement dans jsFiddle. Cependant, sur ma machine locale, il ne fonctionne pas du tout.
Pour toutes fins utiles le code est identique, à l'exception de la copie locale a cette section de la tête à la charge dans le javascript / fichiers css qui sont contenus dans la page jsFiddle:
<head>
<title>Jquery Wizard</title>
<link href="style.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
<script src="wizard.js" type="text/javascript" ></script>
</head>
Y at-il une fonction merveilleuse de jsFiddle qui fait mon travail de magie de code, ou suis-je manque quelque chose ici?
La solution
Vous avez choisi d'exécuter le script code "onload" sur jsFiddle, qui est la différence.
Sans onload il ne trouvera pas $('area')
, parce que votre script est placé à l'intérieur du <head>
, où les éléments à l'intérieur du <body>
sont encore inconnues.
Autres conseils
Je voudrais aussi quelqu'un de conseils qui courent dans de telles erreurs à utiliser Firebug ou tout autre outil de débogage debug le script chaque fois que de tels problèmes se produisent. Peut-être des problèmes très simples mais frustrant comme une erreur de Uncaught SyntaxError: Unexpected token ILLEGAL
. Débogueurs sont très utiles!