Javascript Mouseover-bubbling von Kindern

Ich habe den folgenden html-Einrichtung:

<div id="div1">
<div id="content1">blaat</div>
<div id="content1">blaat2</div>
</div>

es ist gestylt, so dass Sie können NICHT schweben div1 ohne schwebt einer von den anderen 2 divs.
Jetzt habe ich ein mouseout auf div1.

Das problem ist, dass meine div1.mouseout wird ausgelöst, wenn ich mich bewege, aus inhalt1 zu content2, weil Ihre mouseouts sind am brodeln.

und die Veranstaltung das Ziel, currentTarget oder relatedTarget Eigenschaften nie div1, da wird es nie schwebte direkt...

Ich habe lange gesucht für verrückt, aber ich kann nur hier finden Sie Artikel und Lösungen für Probleme, die das Gegenteil von dem, was ich brauche. Es scheint trivial aber ich kann es nicht zu funktionieren...

Die mouseout div1 sollte NUR ausgelöst, wenn die Maus lässt div1.

Eine der Möglichkeiten wäre, um einige Daten über die Maus eingeben und mouseleave, aber ich bin überzeugt, dies sollte funktionieren out of the box, da ist es nur ein mouseout...

EDIT:

bar.mouseleave(function(e) {
                if ($(e.currentTarget).attr('id') == bar.attr('id')) {
                    bar.css('top', '-'+contentOuterHeight+'px');
                    $('#floatable-bar #floatable-bar-tabs span').removeClass('active');
                }
            });

geändert mouseout zu mouseleave und der code funktioniert...

Posten Sie Ihre jQuery-code, der schwer zu helfen, ohne es.

InformationsquelleAutor NDM | 2010-03-15

11

Verwenden Sie die mouseleave event statt oder mouseout für diese, die es mit Ihren spezifischen Problem. Für details siehe hier

Aus der docs auf den Unterschied:

Den mouseleave-event unterscheidet sich von mouseout in der Art der Verarbeitung Ereignis-bubbling. Wenn mouseout verwendet wurden, in diesem Beispiel dann, wenn der Mauszeiger bewegt sich der Innere element, die Prozedur würde ausgelöst werden. Dies ist in der Regel unerwünscht Verhalten. Das mouseleave-event, auf der anderen Seite, nur löst seine handler auf, wenn die Maus verlässt das element, an das es gebunden ist, nicht Nachkomme. So in diesem Beispiel wird der handler wird ausgelöst, wenn die Maus verlässt das Äußere element, aber nicht das Innere element.

Beispiel-markup:
```
<div id="outer">
  Outer
  <div id="inner">
    Inner
  </div>
</div>
```
- Thx, mouseleave habe das problem zu beheben, und füllt die Veranstaltung.currentTarget wie ich es brauche, meinen Beitrag aktualisiert mit dem code im Falle any1 Interesse
- Was ist der browser-support für mouseenter und mouseleave obwohl, selbst mit jQuery? Ich bin besorgt über ältere Browser....
InformationsquelleAutor Nick Craver
2

Den hover Methode hat zwei Parameter, den ersten für die Maus und die zweite für die Maus.
```
$('your_div').hover(function(){
  //your code here.
}, function(){//any mouse out code here})
```
- Er will die Maus verlassen, um das Feuer richtig...du bist nur mit der mousenter argument, nicht sicher, wie das hilft?
- ich habe nur ein Beispiel gegeben, was er sich bewusst sein sollten. Dank
InformationsquelleAutor Sarfraz

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.