toastr 未定义

Question

加载页面时在开发人员控制台中收到以下错误：

未捕获的 ReferenceError：未定义 toastr

这是html的内容。有人可以向我解释为什么 toastr 未定义吗？

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
  <link rel="stylesheet" href="http://cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/css/toastr.min.css">
</head>

<body>
  <p>Toastr TEST</p>
  <script src="http://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.1/jquery.min.js">
  </script>
  <script scr="http://cdnjs.cloudflare.com/ajax/libs/toastr.js/2.0.2/js/toastr.min.js">
  </script>
  <script>
    $(document).ready(function() {
      console.log("document.ready");
      toastr.info('document.ready');
    });

    $(window).load(function() {
      console.log("window.load");
      toastr.info('window.load');
    });
  </script>
</body>

</html>

Answer 1

您的 toaster.js 文件的脚本元素的 src 属性拼写错误，它应该是 "src" 但实际上是 "scr".

toastr 未定义

toastr is not defined

html

javascript

jquery

toastr