Hover event not triggering properly in MS Edge

458
March 18, 2017, at 07:08 AM

I'm working on a pretty big project and have managed to get everything working on most all browsers except for MS Edge. No supprise there but I really need this hover effect to work. The hover event triggers once in Edge and then stops working entirely. In addition, it never even calls the function I set up. I have watered down the basic function and related code, made a demo and included it here as well as setting up a jsfiddle here: https://jsfiddle.net/8cqw60Le/4/. Almost forgot, I'm running Windows 10 fully updated, the code is running Jquery 3.2.0 and it's setting up on "onDomready" though nothing else I tried worked either. Please help. I'm stumped.

html:

<div id="hover_test_div" style="width:300px; height:300px; background:rgba(0,0,0,0.3);">Hover over this.</div>

JQuery:

$("#hover_test_div").hover(function() {
    alert ("Over");
    trigger_function();
}, function() {
    alert ("Out");
    trigger_function();
});
function trigger_function() {
    alert ("Event triggered.")
}

I have looked into and tried the suggestion made and still does not work in Edge. This is what I tried in jsfiddle.

$( "#hover_test_div" ).on( "mouseover mouseout", function() {
  alert( $( this ).text() );
});

It works great in everything but Edge where it triggers once and then nothing. This is the new JSFiddle. https://jsfiddle.net/8cqw60Le/8/

READ ALSO
Angular Clicking on Text to show div tag

Angular Clicking on Text to show div tag

I was wondering how to accomplish this with Angular as it seems that ng-click is something to use, then ng-model seems like that could be used

367
Autobahn JS Subscription management

Autobahn JS Subscription management

I am setting up a blog between our clients and us so they can have a space to talk about the different commercial transactions (each commercial transaction has a reference number and has it's own information)

557
I cannot change the value of a dynamically populated select using JQuery

I cannot change the value of a dynamically populated select using JQuery

I dynamically populate a select with the data coming from a DB

221
How would you show a live graph of button presses vs. time?

How would you show a live graph of button presses vs. time?

I've got an idea for a simple websiteIt would't be much more than a button

233