jQuery Hover auf dem gleichen Element

Question

Mit jQuery Hover wie überprüfen Sie, ob Sie gerade auf dem gleichen Element geblieben sind? Sagen wir, ich habe zwei Kästchen und schwebe auf Feld 1, dann links, dann komm zurück und schwebe auf demselben Feld. Ich möchte den Wert des initial hovered Elements speichern (Box 1) und dann vergleichen, ob es gleich ist, wenn ich zurückkehre.

Danke !!

Answer 1

so etwas wie unten Versuchen Sie,

var lastHovered = ''; 

$('#box1').hover(function() { 
    if (lastHovered == 'box1') { 
     alert('You have hovered on this already'); 
    } 
    lastHovered = 'box1'; 

    //Your stuff 
}, function() { 
    //mouse out stuff 
}); 

$('#box2').hover(function() { 
    if (lastHovered == 'box2') { 
     alert('You have hovered on this already'); 
    } 
    lastHovered = 'box2'; 

    //Your stuff 
}, function() { 
    //mouse out stuff 
}); 

Hinweis: Ich habe 2 Funktionen verwendet, die box1 schweben und box2 schweben unter der Annahme hat ganz andere Funktionen ... Wenn Sie es nicht innerhalb derselben Funktion und Verwendung haben this.id, um sie zu gruppieren .. siehe unten.

var lastHovered = ''; 

$('#box1, #box2').hover(function() { 
    if (lastHovered == this.id) { //<-- used this.id instead of hard-coded value 
     alert('You have hovered on ' + this.id + ' already'); 
    } 
    lastHovered = this.id; //<-- used this.id instead of hard-coded value 

    //Your stuff 
}, function() { 
    //mouse out stuff 
}); 

Answer 2

Verwenden .data() http://api.jquery.com/data/ so auf den ersten schweben in der Callback wie etwas zu tun

if (!$(this).data('var')) { 
    $(this).data('var','value'); 
} else { 
    console.log($(this).data('var')); 
}; 

Answer 3

var lastHovered = null; 
$('#selector1,#selector2,#selector3').hover(function (evt) { 
    if(lastHovered && lastHovered === $(this).attr("id")){ 
//code for 're-hovering' 
    }else{ 
//code for 'new hover' 
    } 
}, function (evt) { 
    //mouse out stuff 
    lastHovered = $(this).attr("id"); 
});