Jquery 代码不适用于 IE 和 firefox

Question

我编写了一小段 jQuery 代码，它适用于 Chrome 和 Opera，但不适用于 IE 和 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>

我也搜索了 here and here，但这并没有解决我的问题。

Answer 1

我认为您在脚本标记内有一个 src 属性和 javascript 代码。这应该分成 2 个脚本标签。

通常您发布的内容是这样写的：（虽然这可能不是问题所在）

<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 代码不适用于 IE 和 firefox

Jquery code not working on IE and firefox

firefox

jquery

internet-explorer