javascript - 加载页面 jQuery 不会通过页面加载

Question

希望你能在某件事上有所帮助.. jQuery 和 javascript 的新手，但试图有一个加载封面，所以所有内容都会立即显示，但它卡住了，不会通过加载页面，但在 jsfiddle 上它会越过没有意义的加载页面。

这是 fiddle - http://jsfiddle.net/adeneo/Egtwx/1/

这是我的代码(相同...

 <div id="cover">LOADING</div>

 <script>

 $(window).on('load', function() {
   $("#cover").fadeOut(1000);
  });

   //jsFiddle does not fire the window onload properly, substituted with fake         load

function newW() {
  $(window).load();
}
setTimeout(newW, 100);


 </script>

这是目前我的脚本标签中的所有代码，也许这是冲突并导致它无法工作..？

<script>
$(window).ready(function() {
  $("#cover").fadeOut(2000);
});

//jsFiddle does not fire the window onload properly, substituted with fake      load

function newW() {
  $(window).load();
}
setTimeout(newW, 100);

$(document).ready(function() {
  //Check to see if the window is top if not then display button
  $(window).scroll(function() {
    if ($(this).scrollTop() > 100) {
      $('.scrollToTop').fadeIn();
    } else {
      $('.scrollToTop').fadeOut();
    }
  });
  //Click event to scroll to top
  $('.scrollToTop').click(function() {
    $('html, body').animate({
      scrollTop: 0
    }, 800);
    return false;
  });
});
</script>

Answer 1

在 Chrome 中，您必须更改设置以允许设置本地数据。

要更改此设置，请转至设置>隐私>内容设置，并将cookies设置更改为“允许设置本地数据”。

这将解决您的 浏览器的问题，但不会解决您用户的浏览器的问题。相反，您需要使用 $(document)，而不是 $(window)，因为 $(document) 不受影响通过安全设置。

“加载”事件实际上是“就绪”事件，因此如果您更改它，它就会起作用。

$(window).on("ready", function() {
    $("#cover").fadeOut(2000);
});

我通常使用这种形式，因为它更“现代”的 jQuery 风格:

$(window).ready(function() {
    $("#cover").fadeOut(2000);
});