Id undefined

Version imprimable

09/02/2011, 08h14
Pierre007

Id undefined
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:

<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:

<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:

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 :

Citation:

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

- Une erreur pure :

Citation:

"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
09/02/2011, 08h20
Bovino

Code:

<a id="aime">

Code:

$("#jaime")

:roll:
09/02/2011, 08h23
vermine

Bonjour et bienvenue,

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

Code:

var jaime=$(div.jaime");

:P
09/02/2011, 08h51
SpaceFrog

Code:

id="100522"

:nono:

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

Code:

id="_100522"

:ccool:
09/02/2011, 10h18
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:

<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:

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.
09/02/2011, 11h59
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...
09/02/2011, 13h33
Pierre007

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

Merci à vous.

Bonsoir

Il ne faut pas confondre class et id !

Code:

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:

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