带有 outerheight 函数的 javascript 选择器没有返回任何东西，我也无法在其他任何地方选择选择器

Question

我一直在尝试在 chrome 开发工具中对此进行调试，但 topMenuHeight 和 scrollItems 的变量始终为 null 或长度为 0，因此为空。一个变量实际上只是 $(selector).outerheight() 并且它返回 null。我绝对确定 html ul 具有正确的 ID，无论如何，这是所有代码

所以我们有了导航:

 <nav>
    <ul id="navmenu">
        <li><a href="#splash"><i style="padding-right: 5px;" class="fa fa-home"></i>Home</a><div></div></li>
        <li><a href="#about">Ordering</a><div></div></li>
        <li><a href="#designs" target="_blank">Designs</a><div></div></li>
        <li><a href="#hotels-resorts" target="_blank">Hotels / Resorts</a><div></div></li>
    </ul>   
</nav>

还有一些js

var lastId,
    topMenu = $("#navmenu"),
    topMenuHeight = topMenu.outerHeight()+15,
    // All list items
    menuItems = topMenu.find("a"),
    // Anchors corresponding to menu items
    scrollItems = menuItems.map(function(){
      var item = $($(this).attr("href"));
      if (item.length) { return item; }
    });

和

var navHeight = $("#navmenu").outerHeight(true) ;

// Bind to scroll
$(window).scroll(function(){
   // Get container scroll position
   var fromTop = $(this).scrollTop()+navHeight;

我真的想不通，我很擅长 python，但据我所知，这个选择器应该可以工作......

Answer 1

我检查并调试了您的网站。你应该使用

$(document).ready(function(){
    //place your js here
});