Detaylı olarak: sorunu tarif edeyim

Bir öğe üzerinde vurgulama mutlak konumlandırılmış bir div göstermek istiyorum. Bu bir WordPress kullanmak çok basit ve gayet güzel çalışıyor. Ama fare, alt öğelerinden biri gider, içeren dıv mouseout olayı tetikler. Nasıl bir alt öğe üzerinde gezinirken içeren öğenin mouseout olayı tetikleyen javascript duruyorum.

JQuery ile bunu yapmak için en iyi ve en kısa yolu nedir?

Burada ne demek istediğimi göstermek için basit bir örnek:

Html:

<a>Hover Me</a>
<div>
  <input>Test</input>
  <select>
    <option>Option 1</option>
    <option>Option 2</option>
  </select>
</div>

/JQuery Javascript:

$('a').hover( function() { $(this).next().show() }
              function() { $(this).next().hide() } );

Soru biraz eski ama geçen gün araştırdım.

JQuery son sürümleri ile bunu yapmak için en kolay yolu mouseover mouseout yerine mouseenter mouseleave olayları kullanmaktır.

Bu davranış hızlı bir şekilde test edebilirsiniz:

$(".myClass").on( {
   'mouseenter':function() { console.log("enter"); },
   'mouseleave':function() { console.log("leave"); }
});