jQuery - Wie erkennt Maus nicht über #a und #b

Html-code

<div id="a"></div>
<div id="b"></div>
<div id="box"></div>

Wie kann ich überprüfen, wenn die Maus nicht über #eine & #b und führen Sie dann die Funktion

$("#a").mouseleave(function () {
$("#box").fadeOut(800));
});

welche Funktion Sie ausführen möchten ?
Ich hoffe, dass $("#a && #b").mouseleave(function () {....
siehe mein edit

InformationsquelleAutor user964351 | 2011-10-21

jquery

9

Sie benötigen, um einen "cache" an, ob die Maus ist in A oder B, und schließlich müssen Sie prüfen, ob Sie beide in die "aus" - Zustand und führen Sie dann das fadeOut Funktion. Ein Wort der Warnung, kann der Benutzer ein paar Millisekunden, um den übergang von einem zum nächsten, sonst werden Sie finden, es funktioniert nicht wie erwartet.

Dieser code sollte es tun, mit einem live-Beispiel hier: http://jsfiddle.net/jzCjD/
```
var inArr = {a:false,b:false};

$('#a, #b').mouseover(function(){
    inArr [$(this).attr('id')] = true;
});


$('#a, #b').mouseout(function(){
    inArr [$(this).attr('id')] = false;

    setTimeout(function(){ 
          if(!inArr.a && !inArr.b) 
              $('#box').fadeOut(800) 
    },100);
});
```
Woo!sehr toll,ich habe nie in Betracht, über "cache" auf jquery,ich danke Ihnen so sehr Jamiec!

InformationsquelleAutor Jamiec

wie diese:

$("#a, #b").mouseout(function () {
   $("#box").fadeOut(800);

});

live-demo

InformationsquelleAutor Kimtho6

hier können Sie http://jsfiddle.net/XWRZF/2/

var myTimer = false;

$("#a ,#b").hover(function(){
    //mouse enter
    clearTimeout(myTimer);
},function(){
    //mouse leav
  myTimer = setTimeout(function(){
         $("#box").fadeOut(800);
    },100)
});

InformationsquelleAutor erimerturk

1

Wickeln Sie Sie in einem übergeordneten div und ersetzen Sie #in den code mit #parent-div:
```
<div id="parent-div">
    <div id="a"></div>
    <div id="b"></div>
</div>
<div id="box"></div>


$("#parent-div").mouseleave(function () {
    $("#box").fadeOut(800));
});
```
Sonst, wenn man die divs getrennt werden, die cache-Lösung sollte funktionieren.

InformationsquelleAutor Simon
0

Den mouseleave und mouseout Ereignisse werden nur ausgelöst, nachdem ein mouseover oder mousein Veranstaltung, die eigentlich bedeutet, dass, um zu erkennen, wenn der Mauszeiger ein element über diese Ereignisse, müssen Sie zunächst schwebt es so, dass die Ereignisse ausgelöst werden.

Der richtige Weg dies zu tun ist, binden eines Ereignishandlers für alle die Bewegung der Maus in das Dokument, und überprüfen Sie die Ereignis-das Ziel :
```
var elements = $('#a, #b');
$(document).mousemove(function(e){
    if(elements.get().indexOf(e.target) != -1)
        //you're over a or b
});
```
Diese Weise werden Sie nicht haben, um hover ein element in Erster Linie, um die trigger - mouseout oder mouseleave Veranstaltungen.

Hier ist eine live demo :

http://jsfiddle.net/gion_13/NLjjq/

InformationsquelleAutor gion_13
0

In Fall, dass Sie waren auf der Suche für eine einfache if-Anweisung.
```
if ( !$("#a, #b").is(":hover") ) {
    //not on it!
}
```
Du noch natürlich zu binden, müssen diese, wenn zu einem Ereignis, von einer Art, Sie können entscheiden, zu tun:
```
$(document).click(function(){
    //the snippet from above
});
```
Beste Antwort, einfach und effektiv!

InformationsquelleAutor James Pederson

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.

http://jsfiddle.net/gion_13/NLjjq/