Hover dans jquery ne fonctionne pas

J'ai une question avec 2 boutons radio et je veux quand quelqu'un passe la souris sur un bouton radio puis la couleur de fond du texte de la question est modifiée et il devrait y avoir une alerte.Hover dans jquery ne fonctionne pas

Voici le code que j'utilise mais il ne fonctionne pas, s'il vous plaît suggérer sur l'erreur et aider à le corriger.

<html> 
    <head> 
     <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
     <script> 
      $(document).ready(function(){ 
       $("#q11_1").hover()(
        function(){ 
        alert("in"); 
        $(div).css("background-color",'yellow'); 
        }, 
        function(){ 
        alert("out"); 
        } 
       ); 
      }); 
     </script> 
    </head> 

    <body> 
     <div>Please select the type of link below.</div> 
     <br> 
     <input type="radio" name="link" id="q11_1">Common<br> 
     <input type="radio" name="link" id="q11_2">Individual 
    </body> 
</html>

Source

2014-09-17 Vaibhav

Première étape: Appuyez sur F12 et vérifier console. Des erreurs? –

Vous avez une erreur de syntaxe. Modifiez le code comme celui-ci

$('#q11_1').hover(function() { 
     alert("in"); 
     $("div").css("background-color", 'yellow'); 
    }, 
    function() { 
     alert("out"); 
    } 
);

Notez que vous binded vol stationnaire pour la radio seulement (pas pour le texte)

Fiddle

Source

2014-09-17 09:58:12

Hover dans jquery ne fonctionne pas

Répondre

Questions connexes