Question

我正在尝试向我的网站添加一个简单的预加载器，并且在控制台Uncaught TypeError: a.indexOf is not a function中出现此错误

HTML index.html

<html class="js">
<head>
  <script type="text/javascript" src="assets/js/jquery.min.js"></script>
  <link rel="stylesheet" href="assets/css/style.css">
</head>

<body>
  <script type="text/javascript">
    jQuery(document).ready(function($) {

      $(window).load(function(){
        $('#preloader').fadeOut('slow',function(){$(this).remove();});
      });
    });
  </script>
  <div id="preloader"></div>
</body>
</html>

CSS style.css

.js div#preloader {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 999;
  width: 100%;
  height: 100%;
  overflow: visible;
  background: #143441 url('assets/img/loader.gif') no-repeat center center;
}

这仅显示一个gif，它在加载结束后不断旋转。.

Answer 1

我搜索了一下，找到了解决方案。问题出在.load事件别名中，需要将其替换为.on

示例：

$(window).load(function(){...});

成为：

$(window).on('load', function(){ ...});

未捕获的TypeError：a.indexOf不是函数[PRELOADER]

1 个答案: