时间戳

首页 > 解决方案 > jquery 不更改列表项的类，如何解决？

html - jquery 不更改列表项的类，如何解决？

问题描述

为了有一个用于多个类的通用导航器，我将它保存在一个单独的 HTML 文件中，并尝试使用 jquery 在主页中导入它。

 <!-- ======= Header ======= --><!-- End Header -->
  <div id="header-part"></div>

 <div id="footer-part"></div>

并使用 jquery 替换了 div 元素。

<script>
    $(function(){
      $("#header-part").load("include_files/header.html");
      $("#footer-part").load("include_files/footer.html");
      $("#courses-tab").addClass("active");
      $("#pricing-tab").removeClass("active");
    </script>

页面加载正确，但要更改标题上的活动选项卡，我将 ID 添加到各个列表项并尝试将它们激活为上面添加类的最后两行。

但是类添加和删除部分不起作用。

我的回购：链接

标签： htmljquerybootstrap-4

解决方案

jQuery 的load 方法有一个回调函数，它

在后处理和 HTML 插入完成后执行

$("#header-part").load( "include_files/header.html", function() {
    $("#courses-tab").addClass("active");
});

推荐阅读