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

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

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

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

但是，浏览器（Chrome）在脚本中运行WhiteNav功能后，报告了此错误，WhiteNav失败：

为什么结果是这样？我好像用另一个文件运行了代码，对吗？我按照上面说的方法试了一下，但还是失败了。

---

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

您在

函数（{…}

中声明了

WhiteNav

，这意味着它只能从该函数中访问

只需删除

$（函数（）{…}）从它周围，它将被声明为全局-在声明后从任何地方都可以访问

作为旁注，您可以删除
$（函数（）{…}）也来自您的内部
代码片段<代码>$（函数（）{…}）
和
$（文档）.ready（函数（）{…}）是相同的，因此不需要两者都使用。后者只是简写。
您在
函数（{…}
中声明了
WhiteNav
，这意味着只能从该函数中访问它

只需删除
$（函数（）{…}）从它周围，它将被声明为全局-在声明后从任何地方都可以访问

作为旁注，您可以删除
$（函数（）{…}）也来自您的内部
代码片段<代码>$（函数（）{…}）
和
$（文档）.ready（函数（）{…}）是相同的，因此不需要两者都使用。后者只是一种速记。
@TylerRoper非常感谢，现在它可以用了！你介意我用你说的话来创造一个新的答案吗？@TylerRoper非常感谢你，现在它起作用了！你介意我用你说的话来创造一个新的答案吗？