Javascript ne reconnaît pas jQuery

-3

J'essaie d'établir un dialogue avec les boutons en HTML, et j'utilise jQuery pour cacher les anciennes lignes et montrer les nouvelles. De cette façon, lorsque vous cliquez sur un bouton, vous pouvez continuer à "parler". Je l'ai commencé dans JSfiddle, et cela a fonctionné parfaitement. Mais maintenant, je veux le mettre sur un vrai site, et jquery ne fait rien. Ici, j'ai le violon, qui fonctionne réellement: http://jsfiddle.net/MeisterAbababa/xHk5g/207/. Je pense que je suis en train de faire quelque chose de mal avec le html ou d'utiliser les ID pas correctement, mais je ne sais pas quoi faire.Javascript ne reconnaît pas jQuery

Edit: Ce sont les erreurs dans la console du navigateur:

SyntaxError: Erreur de syntaxe jquery-1.10.2.min.js: 1

ReferenceError: $ ne définit pas Apple.js: 2

(J'ai peut-être fait une erreur stupide).

<!DOCTYPE html> <html> <head> <title>Talking to Universe</title> <link href="Apples.css" rel="stylesheet" type="text/css" > <script type="text/javascript" src="jquery-1.10.2.min.js"></script> <script type="text/javascript" src="Apple.js"></script> 

</head> <body> <div ID="PT1" class="presentationtext">Good morning. 
    <button Id="PR1">Hello</button> </div> <div ID="PT2" class="presentationtext">I'm the Universe. Nice to meet you. 
    <button Id="PR2">The pleasure is mine</button> </div> <div ID="PT3" class="presentationtext">I'm boring here. Why you don´t get this coin? 
    <button Id="PR3">Get the coin</button> </div> <div ID="PT4" class="presentationtext">Oh. You can buy things. We are in space, so you can buy almost everything. Let´s start buying an apple farm and an Apple Button. 
    <button Id="PR4">Get the things you have said with the coin you gave me.</button> 

</div></div> 
</body> 
</html>

Aussi est elle le script:

//Menu $("#TableClicker").css(); 
$(document).ready(function() { 
    $("#PR1").click(function() { 
     $("#PT2").css("visibility", "visible"); 
     $("#PT1").hide(); 
    }); 
    $("#PR2").click(function() { 
     $("#PT3").css("visibility", "visible"); 
     $("#PT2").hide(); 
    }); 
    $("#PR3").click(function() { 
     $("#PT4").css("visibility", "visible"); 
     $("#PT3").hide(); 
    }); 
    $("#PR4").click(function() { 
     $("#MenuButton").css("visibility", "visible"); 
     $("#AppleFarmButton").css("visibility", "visible"); 
     $("#TableClicker").css("visibility", "visible"); 
     $("#PT4").hide(); 
    }); 
    $("#MenuButton").click(function() { 
     $("#TableClicker").hide(); 
    }); 
    $("#AppleFarmButton").click(function() { 
     $("#TableClicker").show(); 
    }); 
});

Et voici le css:

/*Presentation*/ 
.presentationtext{ 
} 
#PT1{ 
    visibility:visible; 
} 
#PT2{ 
    visibility:hidden; 
} 
#PT3{ 
    visibility:hidden; 
} 
#PT4{ 
    visibility:hidden; 
}

Source

2014-05-24 MeisterAbababa

-1 pour le titre de la mauvaise question, veuillez écrire un titre informatif pour votre question. –

Incluez-vous jQuery dans votre page Web actuelle? Quelles erreurs sont signalées dans la console d'erreur du navigateur ou dans la console du débogueur? Êtes-vous sûr que vos scripts sont chargés correctement? – jfriend00

@ jfriend00 J'ai ajouté les erreurs. Oui, le lien vers le script de jquery dans la tête du html. – MeisterAbababa

Il semble que jQuery ne se charge pas avec succès dans votre page.

La raison la plus probable est que jquery-1.10.2.min.js est pas correctement situé dans le même répertoire sur votre serveur en tant que votre page HTML et donc le navigateur ne trouve pas lorsque vous spécifiez cette balise <script>:

<script type="text/javascript" src="jquery-1.10.2.min.js"></script>

Source

2014-05-24 11:13:50 jfriend00

Oui, c'était. Merci. – MeisterAbababa

@MeisterAbababa - Lorsque quelque chose ne fonctionne pas comme je l'espère, la première chose que je fais est de vérifier la console de débogage du navigateur pour les erreurs. Il contient souvent une idée de ce qui cause le problème. – jfriend00

Javascript ne reconnaît pas jQuery

Répondre

Questions connexes