2013-01-05 6 views
0

Je suis en train de faire le changement de texte basé sur l'image qui planait au-dessus, mais j'ai quelques problèmes, le code que j'utilise est:commutateur texte jquery

$("#myImg").hover(
    function() { 
    $('#myText1').css('display','inline'); 
    $('#myText').css('display','none'); 
    }, 
    function() { 
    $('#myText1').css('display','none'); 
    $('#myText').css('display','inline'); 
    }, 

Je ne sais pas pourquoi cela ne fonctionne pas

+1

Il y a une erreur de syntaxe dans votre code, remplacez le dernier ',' par ')'. – undefined

+0

aussi vous essayez $ ('# myText1'). Show() et $ ('# myText'). Hide() – Mate

+0

Y a-t-il une raison pour laquelle vous utilisez .css par opposition à show/hide, fadeIn/fadeOut ou toggle ? – PassKit

Répondre

2

Il ne devrait pas y avoir la virgule finale car cela provoque une erreur de syntaxe. Il vous manque aussi les parenthèses de clôture pour l'appel à .hover:

$("#myImg").hover(
    function() { 
    $('#myText1').css('display','inline'); 
    $('#myText').css('display','none'); 
    }, 
    function() { 
    $('#myText1').css('display','none'); 
    $('#myText').css('display','inline'); 
    } 
); 

Il est généralement préférable d'utiliser .show et .hide au lieu d'utiliser .css directement à moins que vous avez une raison de le faire (par exemple, l'affichage par défaut de l'élément est différent de ce que vous voulez qu'il soit quand il est montré). Les deux noms d'ID similaires sont également source de confusion.

+0

** + 1 ** Excellente réponse. – arttronics

0

Ce petit bit ressemble à du code js valide, à l'exception des parenthèses de fin manquantes. Comment cela ne fonctionne-t-il pas exactement? Avez-vous des erreurs javascript descriptives? Avoir tout votre code pour déboguer aiderait grandement. Merci!

Désolé, raté que j'aurais dû dire que la virgule de fin était aussi mauvaise, mais downvote pas nécessaire! : C

Questions connexes