JQuery not loading when I add Intranet site to IE11 Intranet security zone

I have an MVC application, and when I added the intranet site ( http://192.168.72.196 in the image below) to the local intranet sites in Internet Options I get jQuery errors. When I delete the site, it works. This only happens in IE.

Can you still fix it?

enter image description here

enter image description here

I changed the Document setting and it seems to work, but I'm not sure what it does or why it defaults to 7.

Changed from 7 to edge enter image description here

+3


source to share


3 answers


It looks like you are caught in 2 problems. First, your page contains some information that IE indicates using IE7 mode. A likely possibility is that the metathet includes the following:

<meta http-equiv="X-UA-Compatible" content="IE=7">

      

Another (harder to track) possibility is that your web server (ASP.net, PHP, etc.) is sending a header X-UA-Compatible

with a value IE=7

, here's more info on that .



Another issue is that JQuery 2.0 dropped support for IE 6, 7 and 8, which you can see on the download page:

jQuery 2.x has the same API as jQuery 1.x, but does not support Internet Explorer 6, 7, or 8.

Your options should update the meta tag or title with a value, IE=Edge

or if IE7 support is needed for some other reason, use JQuery 1.x.

+1


source


There is a checkbox in internet settings that bit me before and it looks like this is your problem. Press Alt, open "Tools" → "Compatibility Settings". There is a checkbox that reads "Display intranet sites in compatibility mode". I assume this is the culprit, especially since the problem only occurs if you put it on the intranet zone. Also note that this flag CANNOT be overwritten. Placing a tag meta

or even a title does not override this checkbox. If you put an HTTP header, it will override "document mode" but not "browser mode". The tag meta

has no effect.



+1


source


Your browser does not support addEventListener . Use polyfill to improve browser compatibility. For example this meaning .

A polyfill, or polyfill, is a piece of code (or plugin) that provides the technology that you, the developer, expect from the browser provided natively. Smoothing the API terrain if you do.

Source: What is Polyfill .

0


source







All Articles