Javascript 未捕获类型错误:无法读取属性';顶部';试图自动滚动到库中时未定义的
我是新来的,我试着阅读尽可能多的标题相似的主题,并尝试了解决方案,但没有一个对我有效 我有一个单页导航,想法是网站应该滚动到相关部分(通过标签),似乎子菜单抛出了一个错误 我正在使用引导框架 HTMLJavascript 未捕获类型错误:无法读取属性';顶部';试图自动滚动到库中时未定义的,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&
<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>