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

  • Break

    Break

    10 Aralık 2005
  • Leigh Momii

    Leigh Momii

    10 Mayıs 2006
  • Rayone GB

    Rayone GB

    14 Temmuz 2007

İLGİLİ SORU / CEVAPLAR