IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

jQuery Discussion :

débutant, l'événement hover fonctionne mais pas click !


Sujet :

jQuery

  1. #1
    Candidat au Club
    Inscrit en
    Février 2010
    Messages
    2
    Détails du profil
    Informations forums :
    Inscription : Février 2010
    Messages : 2
    Par défaut débutant, l'événement hover fonctionne mais pas click !
    Bonjour,
    Je débute avec jquery et je rencontre un problème de sélecteur qui défie ma logique... Voilà, je souhaite rafraîchir le contenu d'une div de ma page en cliquant sur un lien. Mais avec le sélecteur "click", le contenu apparaît une fraction de seconde et laisse la place à l'ancien contenu. Par contre, si je remplace click par hover, ça marche.
    Voilà le code qui ne marche pas :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
     
    $('#articles').click(
    					 function () {afficher();}
    					 );
     
    function afficher() {
    						$.ajax({
    						   type: "GET",
    						   url: "articles/articles.html",
    						   error:function(msg){
    							 alert( "Error !: " + msg );},
    						   success:function(data){
    							$('#contenu').html(data);
    						   }
    						});
    					}
    Et là, le même avec hover à la place de click : la contenu de la div est mis à jour, et reste en place même quand la souris n'est plus sur le sélecteur.
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
     
    $('#articles').hover(
    					 function () {afficher();}
    					 );
     
     
     
     
    function afficher() {
    						$.ajax({
    						   type: "GET",
    						   url: "articles/articles.html",
    						   error:function(msg){
    							 alert( "Error !: " + msg );},
    						   success:function(data){
    							$('#contenu').html(data);
    						   }
    						});
    					}
    Quelqu'un pourrait-il éclairer ma lanterne ? Merci de votre aide.
    JLB

  2. #2
    Rédacteur

    Avatar de danielhagnoul
    Homme Profil pro
    Étudiant perpétuel
    Inscrit en
    Février 2009
    Messages
    6 389
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 74
    Localisation : Belgique

    Informations professionnelles :
    Activité : Étudiant perpétuel
    Secteur : Enseignement

    Informations forums :
    Inscription : Février 2009
    Messages : 6 389
    Billets dans le blog
    125
    Par défaut
    Bonsoir.

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    $('#articles').click(function(){
    	afficher();
    	return false; // pour empêcher l'action par défaut
    });
    Voir e.preventDefault() http://api.jquery.com/event.preventDefault/

    return false : comme e.preventDefault() et stoppe la transmission de l'événement.

    Blog

    Sans l'analyse et la conception, la programmation est l'art d'ajouter des bogues à un fichier texte vide.
    (Louis Srygley : Without requirements or design, programming is the art of adding bugs to an empty text file.)

  3. #3
    Candidat au Club
    Inscrit en
    Février 2010
    Messages
    2
    Détails du profil
    Informations forums :
    Inscription : Février 2010
    Messages : 2
    Par défaut
    Super, merci beaucoup. Je vais potasser l'article

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. .on('click' fonctionne mais pas .on('focus'
    Par setni dans le forum jQuery
    Réponses: 6
    Dernier message: 27/09/2014, 18h13
  2. mysql fonctionne, mais pas avec un port
    Par spekal dans le forum Installation
    Réponses: 2
    Dernier message: 23/01/2007, 18h30
  3. [UBUNTU] La gravure fonctionne mais pas le démarrage
    Par khaskhos dans le forum Ubuntu
    Réponses: 12
    Dernier message: 18/01/2007, 15h37
  4. Flash - aperçu fonctionne mais pas swf seul
    Par LeBernie dans le forum Flash
    Réponses: 11
    Dernier message: 17/11/2006, 17h06
  5. [FLASH 8] : FLA qui fonctionne mais pas le SWF
    Par xtaze dans le forum Flash
    Réponses: 9
    Dernier message: 24/10/2006, 09h14

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo