0

我有一个 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>
4

1 回答 1

1

async='async'script 标签中的意思是“不要等待这个脚本加载,同时继续其他脚本”。从标签中删除该部分。

下一个问题是列表项中没有与类active的链接,因此 jQuery 选择器不匹配任何内容。

于 2013-06-21T16:28:24.120 回答