Issue with IE9
I am facing a challenge while trying to display a map on a webpage using Ajax data fetching. Despite working smoothly on all browsers, the map fails to load on IE9.
An error message pops up:
SCRIPT5007: Unable to get value of the property 'ajax': object is null or undefined
The code snippet causing the issue is as follows:
var mapModel = new Map();
mapModel.get("leads").fetch({success: function(){ //error on this line
var mapView = new MapView({ model: mapModel });
$('body').append(mapView.el);
mapView.render();
}});
Troubleshooting Attempt
This appears to be a common problem, as evident from the discussions on stackoverflow. I tried adding:
<meta http-equiv="X-UA-Compatible" content="IE=8"/>
Unfortunately, it did not resolve the issue.
Seeking Solution
What steps should I take to resolve this compatibility issue in IE9?