Pourquoi sa marche pas le .hide() (javascript)

Résolu/Fermé
laliche
Messages postés
2
Date d'inscription
vendredi 14 décembre 2012
Statut
Membre
Dernière intervention
15 décembre 2012
- 14 déc. 2012 à 22:05
laliche
Messages postés
2
Date d'inscription
vendredi 14 décembre 2012
Statut
Membre
Dernière intervention
15 décembre 2012
- 15 déc. 2012 à 14:16
Bonjour, voici mon problème

$(document).ready(function(){

$("#slideshow img:gt(0)").hide();..................(1)

});

l'instruction (1) ne marche pas alors que j'ai tout vérifier:
inclusion du fichier qui contient le code au dessus et jquery.js, la correspondance entre le selecteur et la div dans l'html, le javascript est activé dans firefox. j'ai essayer meme dans IE7 ic'est la meme chose.

Je sollicite donc votre aide et merci d'avance.

3 réponses

eliepse
Messages postés
43
Date d'inscription
mardi 11 décembre 2012
Statut
Membre
Dernière intervention
5 juin 2013

14 déc. 2012 à 22:14
Bonjour !
Je te conseil d'exécuter ton code et de lancer une console de debugging (je te conseil chrome pour ça, elle est plutôt bien et déjà intégrée). Il te suffit de faire un clic droit -> examiner l'élément. En bas à droite, il devrait s'afficher une erreur.
0
RAD ZONE
Messages postés
5205
Date d'inscription
samedi 20 janvier 2007
Statut
Contributeur
Dernière intervention
19 avril 2020
1 345
15 déc. 2012 à 12:18
l'instruction (1) ne marche pas alors que j'ai tout vérifier: 


c est bien mais si tu nous montre pas tout le code , ca vas etre dure de voir d ou vient le prob !!

parce que ca ca fonctionne !

<!DOCTYPE HTML>

<html>

<head>
   <script src="http://code.jquery.com/jquery-latest.js" type="text/javascript">
</script>
<style type="text/css">
/*<![CDATA[*/
  img { border: 0;
  width: 60px;
  height: 60px;}
/*]]>*/
</style>
    <title></title>
      <meta charset="utf-8" />
</head>
  <body>
    <div id="slideshow">
      <img src="http://www.hostingpicture.fr/upload/fe4e15752a9484f149e190a4d89468c2.png"   alt="img0" class="image 0">
      <img src= "http://www.hostingpicture.fr/upload/c765509faeee6f3a3d9b2d7b570f04d6.png"  alt="img1" class="image 1">
      <img src="http://www.hostingpicture.fr/upload/9a4b71f09381a9648fbe3221a10f135d.png"  alt="img2" class="image 2">
      <img src="http://www.hostingpicture.fr/upload/f196c6b1c73c56fd3f5aa3da03ef3540.png"  alt="img2" class="image 3">
      <img src="http://www.hostingpicture.fr/upload/852192f7500626e5e152584045db102c.png"  alt="img4" class="image 4">
      <img src="http://www.hostingpicture.fr/upload/bccd6bac01de5553b9e4a2dd3c19214e.png"  alt="img5" class="image 5">
    </div>


    <script type="text/javascript">
$(document).ready(function(){
    $('#slideshow img:gt(0)').hide();});
    </script>


</body>

</html>


et si tu change
gt(0)
par 1 ,2,3,4,5 ca fonctionne aussi !

meme dans l autre sens avec lt( plus petit que ) a la place de gt ca fonctionne !

 <script type="text/javascript">
$(document).ready(function(){
    $('#slideshow img:lt(5)').hide();});
    </script>


le probleme ne vient pas du js ( a moins qu il y ait d autre js qui rentre en conflit ) a mon avis ton probleme doit venir des class ou des id que tu a misent !!

a+
0
laliche
Messages postés
2
Date d'inscription
vendredi 14 décembre 2012
Statut
Membre
Dernière intervention
15 décembre 2012

15 déc. 2012 à 14:16
C'est bon j'ai enlevé l'inclusion du fichier qui contient la fonction avec l'instruction (1) je l'ai mise dans la même page que le code HTML donc dans <script></script> et sa marche.
merci pour vos réponses
0