mouseenter mouseleave and a select

http://jsfiddle.net/msNhr/

When you go over "aaaaa" an overlay is display, when you try to select something from the select within the overlay closes. How do I get this right?

The overlay should only close if the actual overlay area is left.

Thanks!

Answers:

Answer

see this fiddle: http://jsfiddle.net/msNhr/3/ (tried on Fx14 and Ch 21.0.1180.57)

I've just stopped the propagation of mouseleave event so it won't reach the overlay

relevant js

$(function() {
    $('#a').mouseenter(function() {
        $('#overlay').show();
    });
    $('#overlay').mouseleave(function() {
        $(this).hide();
    });
    $('#overlay select').mouseleave(function(ev) {
        ev.stopPropagation()
    });
});

Tags

Recent Questions

Top Questions

Home Tags Terms of Service Privacy Policy DMCA Contact Us

©2020 All rights reserved.