javascript - 我在函数中有一个嵌套函数，但我的代码无法正确清除显示。我在控制台中没有收到错误？

Question

$(document).ready(function()
{
    function clearTheDisplayInitial()
    {
       $(document.getElementById('Resume')).hide();
       $(document.getElementById('CodingExamples')).hide();
       $(document.getElementById('AboutMe')).hide();
    }
    function clearTheDisplay()
    {
       $(document.getElementById('Resume')).fadeOut(900);
       $(document.getElementById('CodingExamples')).fadeOut(900);
       $(document.getElementById('AboutMe')).fadeOut(900);
       $(document.getElementById('mainMenu')).fadeOut(900);

    }
        $("#displayResume").click(function()
        {
            clearTheDisplayInitial();
            $(document.getElementById('Resume')).fadeIn(900);
        });
        $("#CodingExamples1").click(function()
        {
            clearTheDisplay();
           $(document.getElementById('AboutMe')).fadeIn(900);
        });
});

我无法用这两种方法清除屏幕。控制台无法识别这些功能存在。我确实让淡入淡出的功能起作用

Answer 1

我建议只在$(document).ready(function(){ .. });

控制台无法识别函数存在，因为您基本上是在尝试创建本地函数。

function clearTheDisplayInitial() {
    $("#Resume, #CodingExamples, #AboutMe").hide();
}
function clearTheDisplay() {
    $("#Resume, #CodingExamples, #AboutMe, #mainMenu").fadeOut(900);
}
$(document).ready(function() {
    $("#displayResume").click(function() {
        clearTheDisplayInitial(); // you could just add $("#Resume, #CodingExamples, #AboutMe").hide(); here
        $("#Resume").fadeIn(900);
    });
    $("#CodingExamples1").click(function() {
        clearTheDisplay(); // you could just add $("#Resume, #CodingExamples, #AboutMe, #mainMenu").fadeOut(900); here
        $("#AboutMe").fadeIn(900);
    });
});

顺便说一句，我简化了你的代码。我希望您并不真的需要将这些函数放在文档就绪函数中。