Object doesn't support property or method 'addEventListener'
'jQuery' is undefined
I'm using IE 11,
/jquery-2.1.1.min.js
jquery-migrate-1.1.1.js
and jquery-ui-1.11.0.custom/jquery-ui.js (theme roller)
Before 2.1.1, i was using 1.11.1 with chrome (worked fine)
I have tried this fix but it did not work for me
This question is related to
jquery
jquery-ui
internet-explorer
The problem was caused because the page was an intranet site, & IE had compatibility mode set to default for this. IE11 does support addEventListener()
As Arnaud suggested in a comment to the original post, you should put this in your html header:
<meta http-equiv="X-UA-Compatible" content="IE=edge">
I don't want any cred for this. I just want to make it more visible for anyone else that come here.
Adding the "x_ua_compatible" tag to the page didn't work for me. Instead I added it as an HTTP Respone Header via IIS and that worked fine.
In IIS Manager select the site then open HTTP Response Headers and click Add:
The site didn't need restarting, but I did need to Ctrl+F5 to force the page to reload.
For me the issue turned out to be I was using es6's right arrow functions =>
as opposed to function ()
.
Replacing =>
with function ()
resolved for me.
I had assumed it was a jQuery issue.
Place this meta tag after head tag
<meta http-equiv="x-ua-compatible" content="IE=edge">
Thanks @Arnaud & @Conny for highlighting this answer. This really helped me.
I would like to add one more thing here is, adding this line <meta http-equiv="x-ua-compatible" content="IE=edge">
just after the title in tag prior to all meta tags is must for to work as it overrides the compatibility mode of IE.
Source: Stackoverflow.com