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 關注
- 225 瀏覽
添加回答
舉報