SORU
8 Aralık 2008, PAZARTESİ


Nasıl mouseout olaylar alt öğeleri tarafından tetiklenen devre dışı bırakmak için?

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() } );

CEVAP
24 Temmuz 2009, Cuma


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"); }
});

Bunu Paylaş:
  • Google+
  • E-Posta
Etiketler:

YORUMLAR

SPONSOR VİDEO

Rastgele Yazarlar

  • DavidParody

    DavidParody

    17 EKİM 2009
  • LG Mobile Global

    LG Mobile Gl

    2 EYLÜL 2010
  • ThreadBanger

    ThreadBanger

    2 Mart 2007

İLGİLİ SORU / CEVAPLAR