Javascript mouseover() on child elements

Κώδικας, πληροφορίες, ερωτήσεις και απαντήσεις σχετικές με την JavaScript.

Συντονιστές: WebDev Moderators, Super-Moderators

Απάντηση
alou
Script Master
Δημοσιεύσεις: 1374
Εγγραφή: 24 Αύγ 2007 19:52
Επικοινωνία:

Javascript mouseover() on child elements

Δημοσίευση από alou » 15 Σεπ 2011 19:11

Ξεκίναγα να γράφω την ερώτηση αλλά βρήκα τη λύση, οπότε ίσως βοηθήσει και καναν άλλο:
Έστω ότι έχουμε

<div id="eksw">
<div id="mesa"></div>
</div>

όπου το #mesa δεν φαίνεται μέχρι να γίνει mouseover στο eksw (και ξανακρύβεται στο mouseout) με jquery κάπως έτσι

$('eksw').mouseover(function() { $('#mesa').animate... });
$('eksw').mouseout(function() { $('#mesa').animate... });
Το #mesa, πρέπει να είναι clickable οπότε δεν μπορεί να έχει μικρότερο z-index. Το πρόβλημα, είναι ότι στο πηγαίνοντας ο cursor στο #mesa εκτελείται το function $('eksw').mouseout....

Η λύση απλή, αντί για mouseover() χρησιμοποιείς hover() που δεν φαίνεται να επηρεάζεται από τα event των child elements.
Συνημμένα
jquery-mouseover-child.jpg

Απάντηση

Επιστροφή στο “JavaScript και Frameworks”

Μέλη σε σύνδεση

Μέλη σε αυτήν τη Δ. Συζήτηση: Δεν υπάρχουν εγγεγραμμένα μέλη και 2 επισκέπτες