javascript - 未捕获的类型错误 : Cannot read property 'top' of undefined(anonymous function)

Question

当我单击导航链接并将我发送到特定的 div 时，我试图创建一个好的滚动。早期元素中的这段代码是有效的，但在这个元素中我不知道为什么是错误的原因。我试图在不提出问题的情况下找到解决方案，但这是不可能的。

这是代码:

<div class="navbar-collapse collapse">
  <ul class="nav navbar-nav">
    <li id="home-link" class="active"><a href="javascript:;">Home</a></li>
    <li id="about-link"><a  href="javascript:;">About</a></li>
    <li id="project-link"><a  href="javascript:;">Projekti</a></li>
    <li id="location-link"><a href="javascript:;">Lokacioni</a></li>
    <li id="plans-link"><a href="javascript:;">Planet</a></li>
    <li id="contact-link"><a  href="javascript:;">Contact</a></li>
  </ul>
</div>

这是我希望在单击链接时滚动的具有 100% 高度和宽度的 DIVS。

$('#home-link').click(function(){
    $("html, body").animate({ scrollTop: $('#myCarousel').offset().top }, 500);
});
$('#about-link').click(function(){
    $("html, body").animate({ scrollTop: $('#about-us').offset().top }, 500);
});
$('#project-link').click(function(){
    $("html, body").animate({ scrollTop: $('#projekti').offset().top }, 500);
});
$('#plans-link').click(function(){
    $("html, body").animate({ scrollTop: $('#planet').offset().top }, 500);
});
$('#location-link').click(function(){
    $("html, body").animate({ scrollTop: $('#location').offset().top }, 500);
});
$('#contact-link').click(function(){
    $("html, body").animate({ scrollTop: $('#kontakti').offset().top }, 500);
});

Answer 1

我发现了我在代码中犯的错误，jquery 代码的一部分在一个函数中，这导致了问题。所以我只是在代码的开头，在

的正上方

$(document).ready(functioN(){

});

现在可以正常工作了。管理员可以关闭或删除此问题。