gpt4 book ai didi

javascript - 使用 javascript 突出显示选定的列表项

转载 作者:行者123 更新时间:2023-11-28 13:20:49 25 4
gpt4 key购买 nike

我知道,这个问题被问了上百万次,但我无法让它发挥作用。

我所有的 html、css 和 js 文件都位于同一文件夹中。

下面 - 我的代码,但我也疯了 jsfiddle here .

该代码在 JSfiddle 中工作正常,但在我的计算机上不起作用,所以我认为这可能是我的 html 头并链接到 javascript 文件的问题,但它似乎是正确的。

我的 html 文件的标题:

 <head>
<title>Nacionālie dārgumi</title>
<link rel="stylesheet" type="text/css" href="style.css">
<script src="script.js"></script>
</head>

这是我的 html:

<div class="menu">
<ul class="main-menu">
<li><a class = "main_men_links" href="about.html">PAR PROJEKTU</a></li>
<li><a class = "main_men_links" href="">NACIONĀLIE DĀRGUMI</a></li>
<li><a class = "main_men_links" href="">SASNIEGUMI</a></li>
<li><a class = "main_men_links" href="">SĀKUMS</a></li>
</ul>
</div>

这是我的 script.js:

$(function(){
console.log('ready');

$('.main-menu li').click(function(e) {
e.preventDefault()

$that = $(this);

$that.parent().find('li').removeClass('active');
$that.addClass('active');
});
})

这是我的 style.css :

.active {
background: black;
}

任何帮助将不胜感激!

最佳答案

我认为你的 html head 部分没有 jquery 库。像这样使用 CDN <script src="//code.jquery.com/jquery-1.11.3.min.js"></script>

尝试在主脚本声明之前添加。仅当您连接到互联网或下载文件以便在本地使用时,此链接才有效。

关于javascript - 使用 javascript 突出显示选定的列表项,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33164475/

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