2 回答
TA贡献1770条经验 获得超3个赞
试试这个:-
.on{color:red;}
<!DOCTYPE html>
<html>
<head>
<title>Test</title>
</head>
<body>
<div class="nav-wrap">
<ul class="nav">
<li class="all">Level One</li>
<li>Level One</li>
<li>Level One</li>
</ul>
</div>
</body>
<script src = "https://code.jquery.com/jquery-3.4.1.min.js"></script>
<script>
$(document).ready(function() {
$(document).on("click", ".all", function() {
alert();
$(".nav").addClass("on");
});
});
</script>
</html>
TA贡献2011条经验 获得超2个赞
我试过你的代码发现没有问题试试这个
<!DOCTYPE html>
<html>
<head>
<title>Test</title>
</head>
<body>
<div class="nav-wrap">
<ul class="nav">
<li class="all">Level One</li>
<li>Level One</li>
<li>Level One</li>
</ul>
</div>
</body>
<script src = "https://code.jquery.com/jquery-3.4.1.min.js"></script>
<script>
$(document).ready(function() {
$(".all").on("click", function() {
$(".nav").addClass("on");
});
});
</script>
</html>
注意:正确检查路径。您使用的 document.ready 功能很好,仍然像这样在 body 标记之后尝试一次脚本。
- 2 回答
- 0 关注
- 209 浏览
添加回答
举报