toastr 未定义[关闭]答案

【问题标题】：toastr is not defined [closed]toastr 未定义[关闭]
【发布时间】：2015-06-11 02:34:50
【问题描述】：

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

Uncaught ReferenceError: toastr is not defined

这里是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>

【问题讨论】：

为什么不在<head> 中也包含<script>s。
toastr 是一个警报插件。您需要在标题中包含包含对 toastr 的引用的脚本。
@ShaunakD 我尝试将
引用toastr.js 的<script> 元素包含拼写错误——其scr 属性应为src。
@jonmrich 谢谢你的建议。我尝试将 cdnjs.cloudflare.com/ajax/libs/toastr.js/2.0.2/js/toastr.min.js 移动到“”中，但仍然收到相同的错误。这不是要包含在 Toastr 库中的正确文件吗？

标签： javascript jquery html toastr

【解决方案1】：

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

【讨论】：

非常感谢。很抱歉浪费大家的时间！！！我上周应该加入 stackoverflow 的！我会尽快接受答案。祝你有美好的一天。