ewegen Sie den Mauszeiger über das Bild, um Schaltflächen anzuzeigen, und lösen Sie nicht aus, wenn Sie den Mauszeiger über die tatsächlichen Schaltflächen halte
Ich versuche, beim Bewegen des Mauszeigers über ein Bild Schaltflächen anzuzeigen. Die folgenden Arbeiten:
jQuery('.show-image').mouseenter(function() {
jQuery('.the-buttons').animate({
opacity: 1
}, 1500);
}).mouseout(function() {
jQuery('.the-buttons').animate({
opacity: 0
}, 1500);
});
Wenn Sie sich jedoch vom Bild zur Schaltfläche (die sich über dem Bild befindet) bewegen, wird der Mausaus- / Mauszeiger ausgelöst, sodass die Schaltflächen ausgeblendet und dann wieder eingeblendet werden (die Schaltflächen haben dieselbe Klasse wie das Bild, andernfalls bleiben sie einfach erhalten) ausgeblendet). Wie kann ich verhindern, dass dies ausgelöst wird? Ich habe den obigen Code auch mit jQuery's Hover ausprobiert. gleiche Ergebnisse. Hier ist ein Detail des Bildes, das die Schaltfläche mit Deckkraft 1 zeigt (weil ich über dem Bild bin):
http: //i.stack.imgur.com/egeVq.pn
Vielen Dank im Voraus für alle Vorschläge.