toastr未定义

Question

toastr未定义

6

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

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>

- ontheroadmike

2

为什么不把<script>标签也放在<head>里呢？ - Shaunak D

toastr是一个用于警报的插件。您需要在头部包含引用toastr的脚本。 - jonmrich

@ShaunakD 我尝试将<script>标签添加到<head>中，但仍然收到相同的错误。不过还是谢谢你。 - ontheroadmike

5

引用 toastr.js 的 <script> 元素存在拼写错误 -- 它的 scr 属性应该是 src。 - Frédéric Hamidi

@jonmrich 谢谢您的建议。我尝试将 http://cdnjs.cloudflare.com/ajax/libs/toastr.js/2.0.2/js/toastr.min.js 移动到 '<head>' 中，但仍然收到相同的错误。这不是包含 Toastr 库的正确文件吗？ - ontheroadmike

显示剩余2条评论

1个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- DrCord · Accepted Answer

你将烤面包机（toaster.js）文件的脚本元素（script element）的src属性拼写错误了，应该是"src"而不是"scr"。