jquery mouseleave problem

Einklappen
X
 
  • Filter
  • Zeit
  • Anzeigen
Alles löschen
neue Beiträge

  • jquery mouseleave problem

    moinsen:
    habe ein problem mit jQuery & mouse events...
    hier erstmal die Beispiel Seite:
    Test page

    Ziel ist eine Bilder Galerie die bei mouseenter mit der Mouse ein Div mit Detailangaben & größerem Bild öffnet - und beim mouseleave aus dem eben geöffneten div dieses wieder schließt.
    Grundsätzlich funktioniert es, aber bei IE (7,8 &9 - je oller desto doller) & FF (9) auf dem PC habe ich den Effekt das wenn man schnell mit der Maus über ein Bild fährt (wischt) die Box nicht geschlossen wird.
    Beim IE gibt es zusätzlich den Effekt das wenn man die Maus in dem Div lässt und nur schnell rauszieht die Box nicht geschlossen wird.
    Der relevante Javascript Part sieht so aus:
    PHP-Code:
    $(document).ready(function() {
     $(
    '#scrollableArea img').mouseenter(function(){
      var 
    pos = $(this).position();
      var 
    detail_frame = $(document.createElement("div")).attr(
                   {
                    
    'id':id,
                    
    'class'"detail_box"
                   
    })
                   .
    mouseleave(function(){
                      $(
    this).remove();
                   })
                   .
    css({
                        
    top:pos.top 12,
                        
    left:pos.left 
                   
    })
                   .
    appendTo($('#gallery_box'));        
      });    
    }); 
    Auf einem MAC funktioniert es in FF, Safari & Chrome einwandfrei...
    Wie könnte man das Script ändern damit es auch auf PC einwandfrei läuft?
    Kann es an HTML5 liegen?
    THX
    "I don't want to belong to any club that would accept me as a member."

    Groucho Marx
Lädt...
X