javascript - 脚本文件中的函数未被调用

标签 javascript jquery html

在我的 script.js 中,我有这个:

$(function () {
   function addColors(basicColors) {
      ...
   }
});

HTML 中:

<head>
<script src="scripts/script.js"></script>
</head>
<body>
   ...
<script>
   ...
   addColors(basicColors);
</script>
...

但是在控制台中我得到了

Uncaught ReferenceError: addColors is not defined

脚本文件被正确引用,因为该文件中定义的其他功能运行良好。

最佳答案

这是一个范围问题。 addColors 被定义为匿名函数内的本地函数,该匿名函数被传递给 jQuery 以在页面加载时执行(在 $(function() { ... } 中) ))。在该函数之外,未定义 addColors

如果您希望 addColors 是全局的,您可以在 script.js< 中的 $(function() { ... }) 之前定义它.

关于javascript - 脚本文件中的函数未被调用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28919008/

相关文章:

javascript - webpack 无法解析 bootstrap-loader 的 bootstrap 模块

javascript - Rails 3 中的 UJS 局部渲染

javascript - 带有 '?x=y' 查询的 jQuery BBQ 推送状态

jQuery 检查是否是最后一张幻灯片

jquery - 当名称包含单引号时出现 rel ='imageName' 问题

javascript - Jquery加载特定div使按钮不起作用

javascript - MVC/Javascript : how to post an array of integers in a form submission?

ruby-on-rails - jQuery 发布到 Rails

html - 创建这种类型的网格

HTML 中的 Javascript - 如何使图像在提交功能中可见? (无 CSS)