Javascript JQuery.load（）后跟.css（）修改

我似乎遇到了某种同步性问题。在我的页面头部，我正在将导航加载到

中，然后尝试根据具体情况对其进行修改，例如，其中的

，如下所示：

$(function(){
    $("nav").load("/components/nav.html");
    $("#bio").css("color", "var(--magenta)"); <!-- #bio is inside nav.html, which has been loaded -->
});

$（函数（）{
$（“nav”）.load（“/components/nav.html”）；
$（“#bio”）.css（“颜色”，“变量（--洋红色）”）；
});

这会加载，但不会发生

.css（）

有时它只会工作一次，但当我硬刷新页面时，它会恢复到未修改状态。

是一种异步操作。如果第二个操作依赖于该异步操作的完成，则需要通过回调进行：

$(function(){
  $("nav").load("/components/nav.html", function(){
    $("#bio").css("color", "var(--magenta)");
  });
});

---

.load

的第二个参数是回调函数，是“在执行后处理和HTML插入后执行的”-