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.
A voir également:

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 5230 Date d'inscription samedi 20 janvier 2007 Statut Contributeur Dernière intervention 17 août 2024 1 360
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