Discussion :

[Pierre007]

Bonjour,

Tout d'abord, je souhaitais préciser que je n'ai jamais utilisé jQuery et que j'ai quelques notions de JS, mais ça s'arrête là.

Tout l'après mid hieri, malgré m'être documenté sur jQuery, je n'ai pas pu résoudre mon problème et j'en appelle à vos connaissances, je ne comprends pas.

J'ai une page html qui appelle jQuery et dont une partie du code donne :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<div class="jaime" id="100522"><a id="aime"><span class="oui">J'aime</span></a>-<a id="aimepas"><span class="non">Je n'aime pas</span></a></div>

J'utilise le fichier jQuery 1.5 appelé :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

Enfin, voici le début de mon code JS appelant les fonctions jQuery :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
$(document).ready(function(){
$("#jaime").live("click", function(){
var jaime=$(div.jaime");

Malheureusement, l'extension Web developper m'indique deux choses !:

-un warning :

"Avertissement*: Token inattendu dans un sélecteur d'attribut*: «*!*».
Fichier Source*: http://www.monsit.com/mapagetml
Ligne*: 0

- Une erreur pure :

"Erreur*: $("jaime") is undefined
Fichier Source*: http://www.exemple.com/monjs.js
Ligne*: 11";

Malheureusement, je ne trouve pas mon erreur, le #id existe bien sur la page. Bref, je suis un peu paumé. Ai je mal assimilé certains points ?
Merci d'avance

[Bovino]

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<a id="aime">

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

$("#jaime")

[vermine]

Bonjour et bienvenue,

Je remarque aussi un guillemet sans son frère à ce niveau-ci :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

var jaime=$(div.jaime");

[SpaceFrog]

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

id="100522"

un id ne doit jamais être uniquement numérique et de préférence ne doit pas commencer par du numérique

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

id="_100522"

[Pierre007]

Tout d'abord, merci pour vos réponses.

Je ne savais pas qu'un id ne pouvait pas être uniquement numérique, il y a une raison à cela ? J'ai toutefois corrigé.

Concernant les deux autres soucis remarqués, c'est moi qui ait fait l'erreur en recopiant. Je voulais retapé le code plutôt que de faire copier / coller (dès fois que je m'aperçoive de l'erreur en tapant) et du coup c'est moi qui ait fait des coquilles.

Donc mon code est bien :

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

<div class="jaime" id="100522"><a id="jaime"><span class="oui">J'aime</span></a>-<a id="jaimepas"><span class="non">Je n'aime pas</span></a></div>

Et le début du code js :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
$(document).ready(function(){
$("#jaime").live("click", function(){
var jaime=$("div.jaime");

La ligne 13 étant $("#jaime")...
Juste avant j'ai une fonction JS qui n'a pas d'erreurs, je l'ai faite avant et l'ait vérifiée.

[Pierre007]

J'ai un peu avancé. En faisant un test, j'ai retiré tous les fichiers javascript utilisés sur mon site, là plus de conflits.

Mon script d'autocompletion utilise la librairie entre autres prototype.js et du coup ça n'allait pas. En redéclarant en dernier, je n'ai plus d'erreurs il me reste plus que l'avertissement token...

[Pierre007]

Problème du token résolu en prenant une version plus ancienne de jQuery.

Merci à vous.

[danielhagnoul]

Bonsoir

Il ne faut pas confondre class et id !

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
<div class="jaime" id="_100522">
	<a id="aime">
		<span class="oui">J'aime</span>
	</a>
	<a id="aimepas">
		<span class="non">Je n'aime pas</span>
	</a>
</div>

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
$(".jaime").live(...);
 
$("#aime").click(...);