Loader.gif does not work in IE11

Hello,
  I have a Loader image on a web page that should show with each AjAX call, I see the icon on FF but it does not show in IE

HTML
<img src="img/loading.gif" id="loading-indicator" style="display:none" />

Open in new window


Jquery --init script
<script type="text/javascript" charset="utf-8">
	$(document).ready(function() 
	{
		$("#loading-indicator").ajaxStart(function() 
				{ $(this).show(); })
        .ajaxStop(function() 
        		{ $(this).hide(); });
		
		initialize();
	}); 
</script>

Open in new window

CSS
#loading-indicator {
  position: fixed;
  z-index: 999;
  height: 2em;
  width: 2em;
  overflow: show;
  margin: auto;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

Open in new window


Thanks for your help
SiemensSENAsked:
Who is Participating?
 
Chris StanyonConnect With a Mentor Commented:
What version of jQuery are you using.

From the DOCs:

As of jQuery 1.8, the .ajaxStart() method should only be attached to document.

Do you have a link to your site we can see.
0
 
SiemensSENAuthor Commented:
Thanks. sorry. it is an internal site.

It works in FF but Not IE. Is the CSS correct?
0
 
Chris StanyonCommented:
unfortunately css doesn't work in isolation, so it's impossible to see what else is being applied. can you upload a demo to an online server .doesn't need to be your full code. just enough to show the problem
0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

All Courses

From novice to tech pro — start learning today.