gpt4 book ai didi

javascript - 导航菜单错误 "Uncaught TypeError: Cannot read property ' 未定义的顶部”

转载 作者:行者123 更新时间:2023-12-03 03:59:14 25 4
gpt4 key购买 nike

每当我单击导航菜单上的菜单项时,我都会收到以下错误消息“未捕获类型错误:无法读取未定义的属性‘顶部’”。我检查了浏览器控制台,发现这个函数导致了错误

$('html, body').animate({
scrollTop: $($(this).attr('href')).offset().top
}, 700);
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

此处为 HTML 代码

<html>
<head>
<meta charset="utf-8">
<title></title>
<meta name="description" content="">
<!-- <meta name="author" content=" studio"> -->
<meta name="viewport" content="width=device-width">
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" media="(min-width: 768px)" href="css/min768.css">
<link href='http://fonts.googleapis.com/css?family=Roboto+Slab:400,700,300|Roboto:400,500,300italic,300|Damion' rel='stylesheet' type='text/css'>
<script src="js/modernizr-2.6.2.js"></script>


<!-- <link rel="icon" type="image/png" href="favicon.png" /> -->


<!--Internet Explorer 8 or older doesn't support media query. This script helps ie7 and ie8 to recognize media queries-->
<!--[if lt IE 9]>
<script src="http://css3-mediaqueries-js.googlecode.com/svn/trunk/css3-mediaqueries.js"></script>
<![endif]-->


</head>
<body>


<!-- BEGIN HEADER -->
<header>
<div class="container">

<!-- Begin of .logo -->
<a href="index.php" id="logo"></a>
<!-- End of .logo -->

<!-- Begin of .sign -->
<ul class="signin">
<li><span>Already a member?</span><a href="" class='sign'>Signin</a></li>
</ul>
<!-- End of .sign -->

<div class="clearfix"></div>

<!-- Begin of navigation -->
<nav>
<span>Select page you want<b></b></span>
<ul>
<li><a href="index.php">Home</a></li>
<li class='hide-on-wide'><a href="#search">Search</a></li>
<!--<li><a href="#results">Results</a></li>-->
<li><a href="members.php">Members</a></li>
<li><a href="profiles.html">Testimonials</a></li>
<li><a href="#about">About us</a></li>
<li><a href="#contact">Contact</a></li>
</ul>
</nav>

我查过其他threads在此网站上寻找此问题的解决方案,但我所看到的并不能解决问题。任何帮助表示感谢

最佳答案

不确定您想在这里实现什么目标。但现在您正在请求一个元素的偏移量,该元素在您的 body 和 html 中寻找 href 属性。

我猜你想获得 anchor 上的偏移量。在这种情况下,给你的 anchor 一个类并使用类似这样的东西:

    scrollTop: $('.anchor-class').offset().top

关于javascript - 导航菜单错误 "Uncaught TypeError: Cannot read property ' 未定义的顶部”,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/44802622/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com