Id undefined [Résolu]

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

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

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

<a id="aime">

Code :

$("#jaime")

[vermine]

Bonjour et bienvenue,

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

Code :

var jaime=$(div.jaime");

[SpaceFrog]

Code :

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 :

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 :

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

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

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(...);