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

  • AlaskanGrizzly

    AlaskanGrizz

    30 EKİM 2009
  • Easy Learn Tutorial

    Easy Learn T

    10 Kasım 2012
  • Mr. H

    Mr. H

    1 Temmuz 2012

İLGİLİ SORU / CEVAPLAR