我有一个 html“详细信息”元素,用作我页面的目录。我正在尝试根据目录中当前的“活动”元素(类=“活动”)动态重写文档的 html“标题”标签
但是,尽管它在控制台中有效,但当我将其实际嵌入页面的页脚时,我收到了控制台错误:
未捕获的 ReferenceError:未定义 jQuery
我在这个内联脚本之前将 jQuery 包含到我的页面页脚中。页面上的其他 jquery 元素工作正常。这个脚本可能有什么问题?
<script>
jQuery(document).ready(function(){
var title = jQuery('.myEl').find('a.active').text();
jQuery('title').text(title);
});
</script>
此页面的 HTML 如下所示:
<!DOCTYPE html>
<html lang="en-US">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Customer Testimonials (Page 3)</title>
<link rel="stylesheet" href="styles.css" media="screen" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0" />
<!--[if lt IE 9]><script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
</head>
<body>
<details class="myEl" open="open"><summary>In this article</summary>
<ol>
<li><a href="mypage/">Introduction</a></li>
<li><a href="mypage/2/" class="active">Title for the second page</a></li>
<li><a href="mypage/3/">Title for the third page</a></li>
</ol>
</details>
<script type='text/javascript' src='scripts.jquery.js' async='async'></script>
<script>
jQuery(document).ready(function(){
var title = jQuery('.myEl').find('a.active').text();
jQuery('title').text(title);
});
</script>
</body>
</html>