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

Question

There is a script which named Normal.js in the HTML:

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

And here is the struct of the HTML as below:

However, after the browser(Chrome) ran the WhiteNav function in the script, it reported this error and the WhiteNav failed:

Why it turned out to be this? It seems like I ran the code with a different file, is it right? I tried the way as Why jQuery click doesn't work when included in a separate file said but failed again.

What's wrong with this? How can I solve this problem? Would you please help me? Thank you.

Answer 1

You're declaring WhiteNav inside of a function() { ... } , meaning it will only be accessible from within that function.

Simply remove the $(function () { ... }); from around it, and it will be declared globally - accessible from anywhere after it's declaration.

As a side-note, you can remove $(function () { ... }); from your internal <script> snippet as well. $(function () { ... }); and $(document).ready(function() { ... }); are identical and so there is no need for both. The latter is just shorthand.