jQuery ne fonctionne pas sur les supports de l'éditeur
Donc, salut. J'ai essayé tout ce que je sais et je ne sais pas, et je ne peux pas le faire fonctionner. Oui, j'ai une balise script dans mon code html du squelette.
<script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script>
J'ai aussi essayé de le télécharger et d'y ajouter ensuite à mon code html du squelette comme une balise de script. Rien ne fonctionne. Je suis en train de taper mon code javascript/jquery dans un autre file.js, ce qui est évidemment aussi lié à mon html.
Je suis en utilisant les Crochets de l'éditeur. Je ne pouvais pas trouver quoi que ce soit sur le web... et je suis assez sûr que le problème est que, pour une raison quelconque, le répertoire jQuery n'est pas lié à mes autres .js fichiers, parce que quand je tape mon code javascript directement à l'intérieur de mon fichier html, il fonctionne.
Pour tout le monde à l'aide de l'éditeur de Supports, que dois-je faire? 🙁
Plein de code html:
<!DOCTYPE html>
<html>
<head>
<title>One Piece Website</title>
<meta charset="utf-8" />
<link rel="stylesheet" type="text/css" href="stylesheet.css">
<script src="jquery.js" type="text/javascript"></script>
<script src="javascript.js" type="text/javascript"></script>
</head>
<body>
<div id="banner"></div>
<div id="wrapper">
<header>
<div id="logo"></div>
<div id="navbar"></div>
<div id="slider">
<img src="imgs/slider-arrow.png" id="leftarrow" />
<h1>Novidades</h1>
<h2>Mantenha-se sempre informado.</h2>
<h3>
<a href="">SIT ELIT PELLENTESQUE</a>
</h3>
<p>
Ipsum et praesent elit accumsan pellentesque elit varius elit tellus tellus curabitur. Varius sollicitudin tortor velit faucibus varius vestibulum in praesent sit accumsan at mauris lacinia diam sollicitudin iaculis. In ad adipiscing adipiscing adipiscing nulla consectetur ac amet.
</p>
</div>
</header>
</div>
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>
</body>
</html>
JS:
$(document).ready(function() {
$('#slider').mouseenter(function() {
$('#leftarrow').css('display', 'block');
$('#rightarrow').css('display', 'block');
$('#leftarrow').animate({left: '-30px'}, 'slow');
});
$('#slider').mouseleave(function() {
$('#leftarrow').delay(50000).css('display', 'none');
});
});
est le navigateur de la console de donner toutes les erreurs? avez-vous essayez d'enregistrer le script sur votre ordinateur et essayez d'localement?
J'ai mis le script jquery avant mon fichier js, mais ça n'a rien changé, même après le redémarrage de l'éditeur. Je suis en cours d'exécution localement, oui, le fichier js montre "' $ "a été utilisé avant qu'il a été défini" et un tas d'autres erreurs.
Pouvez-vous mettre ici le code? Il va utile pour résoudre votre problème
fait
OriginalL'auteur Marcelo Perrella | 2014-04-03
Vous devez vous connecter pour publier un commentaire.
Pour la postérité: à partir du fil de commentaires ci-dessus, il semble que le problème n'était pas dans de course la page web, c'était des messages d'avertissement qui est apparu dans les Crochets de l'éditeur alors que édition le code source. Les avertissements sont JSLint erreurs de Supports pistes de JSLint automatiquement sur JS fichiers par défaut. Et JSLint avertit par défaut tout moment vous faites référence à une variable globale qui n'était pas défini dans le même fichier.
Pour éviter les erreurs de ce type, voir ma réponse à une question similaire ici: Comment obtenir les supports d'ignorer particulier de répéter les erreurs?
Vous pouvez également vous tourner JSLint complètement juste en décochant la View > Peluches Fichiers sur Enregistrer élément de menu. Ou vous pouvez apporter les erreurs de moins gênant en cliquant sur le "X" dans le coin supérieur droit de l'affichage d'erreur du panneau – alors vous ne verrez une subtile barre d'état icône vous indiquant si JSLint des erreurs ont été trouvées (en jaune "!" triangle) ou non (coche verte).
OriginalL'auteur peterflynn