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

Résolu
laliche Messages postés 2 Date d'inscription   Statut Membre Dernière intervention   -  
laliche Messages postés 2 Date d'inscription   Statut Membre Dernière intervention   -
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.
A voir également:

3 réponses

eliepse Messages postés 45 Date d'inscription   Statut Membre Dernière intervention  
 
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 5230 Date d'inscription   Statut Contributeur Dernière intervention   1 360
 
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   Statut Membre Dernière intervention  
 
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