javascript - 我可以在 load() 函数加载的元素上添加/删除类吗？

Question

我有一个导航栏，其类名为“active”，带有一些 CSS 样式。导航栏用于许多子页面，所以我发现与其在所有子页面上重复代码，不如使用 load() 加载导航栏。功能。

问题在于 load() 加载的内容函数我无法使用 removeClass() 删除类.导航栏已加载，我可以在检查器中看到标签，一切似乎都正常。如果我将导航栏手动放入 HTML 中，代码就可以正常工作。

我试过移动 script在 CDN 脚本之后删除类的标记，但它没有帮助(我的想法是在完全加载的页面上删除类)。我错过了什么？

我正在使用以下代码加载导航栏:

$(function(){
  $("#includeNavbar").load("../partials/navbar.html"); 
});

然后我在 HTML 中添加了一个标签:

<div id="includeNavbar"></div>  

然后我使用 <script> HTML 中的标记，但下面的代码不会删除类:

<script>
  $("li").removeClass("active");
  $("li").eq(1).addClass("active");             
</script>

Answer 1

问题在于您从何处调用 removeClass() 和 addClass()。您需要在 load() 的回调中执行此操作，以确保执行这些调用时内容存在于 DOM 中:

$(function(){
  $("#includeNavbar").load("../partials/navbar.html", function() {
    $("li").removeClass("active").eq(1).addClass("active");
  }); 
});