Bonjour à tous,
Je débute en JQuery et j'ai actuelement un problème
Voici mon bout de code HTML :
<div id="cards">
<a class="cards" href="#" title="card"><img src="images/btn_jaune.png" alt="card" id="01"/></a>
<a class="cards" href="#" title="card"><img src="images/btn_jaune.png" alt="card" id="02"/></a>
<a class="cards" href="#" title="card"><img src="images/btn_jaune.png" alt="card" id="03"/></a>
<a class="cards" href="#" title="card"><img src="images/btn_jaune.png" alt="card" id="04"/></a>
<a class="cards" href="#" title="card"><img src="images/btn_jaune.png" alt="card" id="05"/></a>
<a class="cards" href="#" title="card"><img src="images/btn_jaune.png" alt="card" id="06"/></a>
<a class="cards" href="#" title="card"><img src="images/btn_jaune.png" alt="card" id="07"/></a>
<a class="cards" href="#" title="card"><img src="images/btn_jaune.png" alt="card" id="08"/></a>
<a class="cards" href="#" title="card"><img src="images/btn_jaune.png" alt="card" id="09"/></a>
<a class="cards" href="#" title="card"><img src="images/btn_jaune.png" alt="card" id="10"/></a>
<a class="cards" href="#" title="card"><img src="images/btn_jaune.png" alt="card" id="11"/></a>
<a class="cards" href="#" title="card"><img src="images/btn_jaune.png" alt="card" id="12"/></a>
</div>
Celui JQUERY:
var DISPARITION = function(){
return{
init:function(){
DISPARITION.card01 = $('a#01');
DISPARITION.card02 = $('a#02');
DISPARITION.card03 = $('a#03');
DISPARITION.card04 = $('a#04');
DISPARITION.card05 = $('a#05');
DISPARITION.card06 = $('a#06');
DISPARITION.card07 = $('a#07');
DISPARITION.card08 = $('a#08');
DISPARITION.card09 = $('a#09');
DISPARITION.card10 = $('a#10');
DISPARITION.card11 = $('a#11');
DISPARITION.card12 = $('a#12');
DISPARITION.ok = $('a#ok');
$('a#01').click(function(){
alert('toto');
//DISPARITION.card02.hide('slow');
return false;
});
}
}
}();
J'appelle bien évidemment DISPARITION.init
Le but final étant de faire disparaitre les carte lorsque l'on clique dessus
Cependant rien ne se passe même un alert
Merci d'avance
Je débute en JQuery et j'ai actuelement un problème

Voici mon bout de code HTML :
<div id="cards">
<a class="cards" href="#" title="card"><img src="images/btn_jaune.png" alt="card" id="01"/></a>
<a class="cards" href="#" title="card"><img src="images/btn_jaune.png" alt="card" id="02"/></a>
<a class="cards" href="#" title="card"><img src="images/btn_jaune.png" alt="card" id="03"/></a>
<a class="cards" href="#" title="card"><img src="images/btn_jaune.png" alt="card" id="04"/></a>
<a class="cards" href="#" title="card"><img src="images/btn_jaune.png" alt="card" id="05"/></a>
<a class="cards" href="#" title="card"><img src="images/btn_jaune.png" alt="card" id="06"/></a>
<a class="cards" href="#" title="card"><img src="images/btn_jaune.png" alt="card" id="07"/></a>
<a class="cards" href="#" title="card"><img src="images/btn_jaune.png" alt="card" id="08"/></a>
<a class="cards" href="#" title="card"><img src="images/btn_jaune.png" alt="card" id="09"/></a>
<a class="cards" href="#" title="card"><img src="images/btn_jaune.png" alt="card" id="10"/></a>
<a class="cards" href="#" title="card"><img src="images/btn_jaune.png" alt="card" id="11"/></a>
<a class="cards" href="#" title="card"><img src="images/btn_jaune.png" alt="card" id="12"/></a>
</div>
Celui JQUERY:
var DISPARITION = function(){
return{
init:function(){
DISPARITION.card01 = $('a#01');
DISPARITION.card02 = $('a#02');
DISPARITION.card03 = $('a#03');
DISPARITION.card04 = $('a#04');
DISPARITION.card05 = $('a#05');
DISPARITION.card06 = $('a#06');
DISPARITION.card07 = $('a#07');
DISPARITION.card08 = $('a#08');
DISPARITION.card09 = $('a#09');
DISPARITION.card10 = $('a#10');
DISPARITION.card11 = $('a#11');
DISPARITION.card12 = $('a#12');
DISPARITION.ok = $('a#ok');
$('a#01').click(function(){
alert('toto');
//DISPARITION.card02.hide('slow');
return false;
});
}
}
}();
J'appelle bien évidemment DISPARITION.init
Le but final étant de faire disparaitre les carte lorsque l'on clique dessus
Cependant rien ne se passe même un alert
Merci d'avance
