JQuery - trigger ("mouseover") ne fonctionne pas

parakalo

22 Jan 2013 à 03:09

Bonjour le forum,

j'aimerai allumer le style ":hover" sur "strong" lorsque le "button" est survolé mais je galère un max.



<!DOCTYPE html>
<html>
<head>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js">
</script>
<script>
$(document).ready(function(){

    $("button").mouseover(function(){

        $("#foo").trigger("mouseover");
        //$("#foo").mouseover();
        //$("#foo").trigger("mouseenter");
        //$("#foo").mouseenter();
        //$("#foo").trigger("hover"); 

    });

});

</script>

  <style> 
    <!--
        strong,
	strong:link { color:#0f0;}	
        strong:hover { color:#00f;}
    -->
   </style>

</head>
<body>

<strong id="foo">Ce texte doit devenir bleu après trigger</strong>
<br><br>
<button>Trigger</button>

</body>
</html>

Après une nuit de recherches je capitule, et lance mon appel au secours

cheerz

tm™

22 Jan 2013 à 09:58

Salut,

Tu peux déclencher des instructions associées à l'événement "hover" mais ça n'inclut pas l'effet de survol lié à ton pointeur...
Utilise plutôt une classe ?

strong.hover { color:#00f;}

(function($) {
  $("button").hover(function(){
    $("#foo").toggleClass("hover");
  });
})(jQuery);

tm

parakalo

26 Jan 2013 à 22:33

Merci TM, mais hélas j'avais déjà essayé de cette façon.

Il n'y a pas d'autre moyen alors de déclencher le hover en survolant un autre lien...