javascript - .fadeOut 不适用于非常简单的代码

Question

我正在尝试为我正在开发的博客制作一个导航菜单，目前我正在尝试将其设置为单击“主页”选项卡时其他两个选项卡淡出的位置。我不知道为什么这段代码不起作用，因为它是非常简单的几行代码。我不会添加 CSS，因为我不相信它与这个问题有任何关系。谢谢!

<小时/>

<div id='bckDrp'>
  <div id='nav'>
    <ul id='navLst'>
      <li class='navOp' id='hme'>Home</li>
      <li class='navOp' id='abt'>About</li>
      <li class='navOp' id='prt'>Portfolio</li>
    </ul>
  </div>
</div>

<小时/>

var main = function(){
  $('#hme').click(function(){
    $('#abt, #prt').fadeOut();
  });
}

document.ready(main);

Answer 1

您实际上根本没有调用 main 函数。

document.ready(main)

应该是JQuery格式:

$(document).ready(main);