événement vol stationnaire() jQuery sur div élément dans un élément de bouton

Question

Je ne peux pas sembler obtenir jQuery pour remarquer la div dans le balisage suivant

<button class="button submit positive right" id="omnisubmit" type="submit"> 
    <div class="label">Submit</div> 
    <div class="controller">&nbsp;</div> 
</button> 

Et voici le jQuery J'utilise actuellement:

$("button#omnisubmit div.controller").hover(function() { 
      console.log("Hover..."); 
     }); 

Cependant, jQuery ne semble pas ramasser lorsque la souris est en vol stationnaire au-dessus de cette div, $("button#omnisubmit div.controller").hover(... fonctionne correctement, bien sûr.

J'ai l'impression que c'est parce que mettre des divs à l'intérieur des boutons n'est peut-être pas du HTML standard?

Answer 1

On dirait que ce que vous devriez faire est d'avoir deux éléments de bouton qui ressemblent à un.

Quelque chose comme le jQuery UI Button element split button example.