Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/77.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 未捕获类型错误:无法读取属性';顶部';试图自动滚动到库中时未定义的_Javascript_Jquery_Html_Css_Twitter Bootstrap - Fatal编程技术网

Javascript 未捕获类型错误:无法读取属性';顶部';试图自动滚动到库中时未定义的

Javascript 未捕获类型错误:无法读取属性';顶部';试图自动滚动到库中时未定义的,javascript,jquery,html,css,twitter-bootstrap,Javascript,Jquery,Html,Css,Twitter Bootstrap,我是新来的,我试着阅读尽可能多的标题相似的主题,并尝试了解决方案,但没有一个对我有效 我有一个单页导航,想法是网站应该滚动到相关部分(通过标签),似乎子菜单抛出了一个错误 我正在使用引导框架 HTML <ul class="nav navmenu-nav"> <li><a href="#home">Home</a></li> <li><a href="#film-making">Filmmaking</a&

我是新来的,我试着阅读尽可能多的标题相似的主题,并尝试了解决方案,但没有一个对我有效

我有一个单页导航,想法是网站应该滚动到相关部分(通过标签),似乎子菜单抛出了一个错误

我正在使用引导框架

HTML

<ul class="nav navmenu-nav">
<li><a href="#home">Home</a></li>
<li><a href="#film-making">Filmmaking</a></li>
<!-- begin dropdown -->
<li class="dropdown">
    <a id="showcase_menulink" class="dropdown-toggle" data-toggle="dropdown" href="#showcase">Photography</a>
    <!-- submenu -->
    <ul id="showcase_menu" class="dropdown-menu navmenu-nav">
        <li><a href="#brides">Brides</a></li>
        <li><a href="#couples">Happy Couples</a></li>
        <li><a href="#hands">Hands</a></li>
        <li><a href="#venues">Venues</a></li>
        <li><a href="#forgotten">Forgotten Things</a></li>
    </ul>
    <!-- /submenu -->
    </li>
<li><a href="#testimonials">Testimonials</a></li>
<li><a href="#packages">Packages</a></li>
<li><a href="#contact">Contact</a></li>
</ul>
我一直收到一个错误,这是

Uncaught TypeError: Cannot read property 'top' of undefined... line 9 
上面的星号是什么。。。"


我尝试了许多其他类似问题的修复,但没有找到解决方案。

确保您的页面包含id等于href位置哈希值的dom元素。例如,如果您有如下链接:

<li><a href="#brides">Brides</a></li>
  • 您需要一个相应的元素(不必是div),如下所示:

    <div id="brides"></div>
    
    
    
    以下是一个为新娘、情侣和手拉提琴的例子


    如果
    this.hash
    是一个不返回元素的选择器
    $(目标)
    将是一个没有偏移量的空jQuery对象,因此
    偏移量()
    将返回
    undefined
    ,并且
    undefined
    没有
    top
    属性。同意adeneo。页面上是否有ID为“brides”、“couples”等的元素。如果您查看以下JSFIDLE,您会注意到我在“页面”中添加了三个ID正确的div。当您单击brides、couples和hands时不要得到错误。当你点击其他人时,你仍然会得到错误。不,子菜单中的#ID是为了像Quicksand.js一样进行排序,但我还没有走那么远…@ChrisB非常感谢我完全理解我现在的错误所在!
    <div id="brides"></div>