如何在JQUERY中访问不同js文件中的函数？

Question

HTML中有一个名为Normal.js的脚本：

$(function () {    
    function WhiteNav() {
        $("#LOGO>img").attr('src', '/images/LOGOWhite.svg');
        $("#NavUL a").css("color", "#cecece");
    }    
});

这是HTML的结构，如下所示：

但是，浏览器（Chrome）在脚本中运行WhiteNav函数后，它报告了此错误，并且WhiteNav失败：

为什么原来是这个？好像我用其他文件运行了代码，对吗？我尝试了Why jQuery click doesn't work when included in a separate file所说的方法，但又失败了。

这怎么了我怎么解决这个问题？你能帮我吗？谢谢。

Answer 1

您要在function tasksReducer(state = initalState, action) { switch (action.type) { case 'ADD_TASK': return { ...state, tasks: state.tasks.concat([action.payload.task]) }; default: return state; } } 内声明console.log(action)，这意味着只能在该函数中访问它。

只需从其周围删除WhiteNav，它就会被全局声明-声明后可从任何地方访问。

请注意，您也可以从内部function() { ... }代码段中删除$(function () { ... });。 $(function () { ... });和<script>是相同的，因此不需要两者。后者只是简写。