Mousewheel event is not triggering in Firefox, am using the jquery.mousewheel plugin, but even without it it was working fine in all browsers except Firefox.
Here is my code:
$('body').on('mousewheel', function(e){
console.log(123);
//some code...
});
Any suggestions? Many thanks for all answers...
jquery.mousewheel is not loading properly.
You can verify this by going to your website, opening the developer console, and typing
$.fn.mousewheel or $.fn.unmousewheel and hitting CTRL+Enter.
Both return undefined.
It's possible this may work if you capture your mousewheel dependency as a parameter to your anonymous module, but if I'm being totally honest, every time I have to deal with jQuery plugins and requireJS, I just give up on the scoped modules and let jQuery do it's nasty thing in the global scope (which is why I use jQuery less and less these days).
As for why it worked in other browsers, I believe Webkit is the only engine to have added support for mousewheel. Because the jquery.mousewheel plugin is not loading, other browsers are deferring to their native implementations.
In older FF versions, you can bind mousewheel-event using pure JavaScript and DOMMouseScroll:
document.body.addEventListener("DOMMouseScroll", function(){ console.log(123); }, false);
Note, that DOMMouseScroll-event is deprecated. In newer Version, use wheel-event instead:
document.body.addEventListener("wheel", function(){ console.log(123); }, false);
