JQuery code not working on IE and firefox

Question

JQuery code not working on IE and firefox

I created a little jQuery code that works in Chrome and Opera, but not IE and Firefox.

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js">
$(document).scroll(function () {
				if ($('body')[0].scrollTop / $('body')[0].scrollHeight > 0.29) {
					$(".over_one").fadeIn(2000);
				} else {
					$(".over_one").fadeOut(1);
				}
			});
</script>

Run code

I also searched here and here , but that didn't fix my problem.

+3

jquery firefox internet-explorer

mishad050 Apr 29. '15 at 9:32

source to share

1 answer

Filype · Accepted Answer · 2015-04-29T09:38:04+0000

I think you have an attribute src

and javascript inside your script tag. This should be split into 2 script tags.

Typically, you post as: (although this may not be a problem)

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script>

<script>
$(document).ready(function () {
  if ($('body')[0].scrollTop / $('body')[0].scrollHeight > 0.29) {
    $(".over_one").fadeIn(2000);
  } else {
    $(".over_one").fadeOut(1);
  }
});
</script>

JQuery code not working on IE and firefox

More articles: