javascript click and hide issue firefox

Question

I am trying to create a menu where when you click anywhere else on the page the div will be hidden. This works in everything but firefox. In firefox, when you click on one of the links within the section it will not go to the link, it just closes the div.

code:

$(document).mouseup(function(e){//removes menu when clicked on any other part of page
    if($(".menuone:visible").length > 0  ){
        $('.menuone').hide();
    }
});

HTML:

<div class="menuone">
<div class="col1">
<ul><li>Example link</li></ul>
</div>
</div>

will · Accepted Answer · 2012-05-10 09:03:47Z

2

You should set up a variable that can keep track of the hover state of the .menuone div.

Then your if statement will be:

if($(".menuone:visible").length > 0 && !menuHover )

That should do the trick.

Hope it helps :)

edit:

var menuHover = false;

$(".menuone").bind('mouseenter mouseleave',function(e){
    menuHover = e.type == 'mouseenter';
});

edited May 10, 2012 at 9:03

answered May 9, 2012 at 8:23

will

4,5956 gold badges35 silver badges34 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

will Over a year ago

Did you set up a function to actually set the variable?

will Over a year ago

Well, that wont work, you need to actually set the variable and change it on the relevant mouse events. See the edit for the rest of the code you'll need.

Raghav · Accepted Answer · 2012-05-09 08:28:45Z

0

I like the idea mentioned here at John Resig's site:

var outerPane = $details.find(".details-pane-outer"),
    didScroll = false;
$(window).scroll(function() {
    didScroll = true;
});

setInterval(function() {
    if ( didScroll ) {
        didScroll = false;
        // Check your page position and then
        // Load in more results
    }
}, 250);

answered May 9, 2012 at 8:28

Raghav

9,7367 gold badges91 silver badges115 bronze badges

Collectives™ on Stack Overflow

javascript click and hide issue firefox

2 Answers 2

2 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related