$("button#main-navbar-toggler").on("hover",function(){
$(this).css({"color":"#6c757d","background-color":"#fff"});
},
function(){
$(this).css({"color":"#6c757d","background-color":"#fff"});
}
);
I attach event hover with on() method, but it does not work.
3 Réponses :
Essayez le code suivant
p>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script> <button id="main-navbar-toggler">Button</button>
J'ai utilisé de cette façon, mais cela n'a pas pu être éteint en utilisant la méthode OFF (). Comme ce que l'a dit @shyam Babu Kushwara, alors j'utilise: $ (bouton # Main-Navbar-Toggler "). ON ({MOUSERENTER: Fonction () {$ (Ceci) .CSS ({" Couleur ":" # 506b79 "," Color de fond ":" # Fff "});}, Mouseleave: fonction () {$ (ceci) .CSS ({" couleur ":" # 506b79 "," Color de fond ":" # fff "});}});
Vous pouvez le faire même sans JQuery, utilisez simple CSS Hover si vous souhaitez récupérer le style d'origine après que le vol stationnaire soit éteint
p>
<button id="main-navbar-toggler">Button</button>
Lorsque vous utilisez
$(selector).on('event', function(){
//code
});
Avez-vous exécuté cela après le document est prêt? et mettre votre HTML aussi, merci.
Oui, j'ai mis à l'intérieur $ (document) .Ready (fonction (fonction () {}. Désolé, je ne comprends pas votre deuxième question "et mettre html aussi"