Is there another way to stop(turn off) css hover events. There is no class activation. It's all done on a hover over a div ID section. And it's strictly css, no jquery ...

Im have a horizontal menu that Im using to link to other programs. When we go to hover over input boxes on our screen the menu gets activated and overlaps the text field and we cant get access to the text field.

Im attempting to use z-index layering to remove the menu hover items. It works but Im having the mouse enter issue. But if you know another way, that would be better ...

Here is my jquery:

$("#cssmenu").on("mouseenter", function(e){ This is where it's delaying until the very top

$("#cssmenu").css("zIndex", 9999);

console.log('cssmenu enter');

$("#S1").css("zIndex", -1);

$("#tabs").css("zIndex", -1);

});

$("#S1").on("mouseenter", function(e){

$("#cssmenu").css("zIndex",-1);

console.log('S1 enter');

$("#S1").css("zIndex", 9999);

$("#tabs").css("zIndex", 9999);

});

$("#tabs").on("mouseenter" , function(e){

$("#cssmenu").css("zIndex", -1);

console.log('Tabs enter');

$("#tabs").css("zIndex", 9999);

$("#S1").css("zIndex", 9999);

});

Top Reply

Response title

Attachments

jQuery Forum

Problem with mouseenter

Replies(2)

Re: Problem with mouseenter

Re: Problem with mouseenter

Statistics

Tags

Actions

Related Posts