Javascript 加载了colorbox表单后，如何更改div的内容

好的，这是我的问题，我有一个单页应用程序，它有一个仪表板和弹出式表单，仪表板包含（除其他外）一个发票列表和总额。我可以通过单击按钮编辑其中一张发票。这将在颜色框中加载编辑器。如果编辑发票，我不仅需要更新有问题的行，还需要更新“总计”区域，并在仪表板上的列表中更改此发票的总计。我这里有两个问题：

如何更新颜色框中的总数

如何在仪表板中更新发票总额

让我们举一个例子，我点击invoice-1的按钮，当前总计190个，弹出窗口加载。我添加了一行，其成本为20，我的合计（colorbox表单上的合计）现在是20，名为total-1的div（发票-1的合计）也就是这个金额

昨天我尝试了一些方法，但最后我通过添加一个重新加载按钮来重新加载colorbox表单，从而绕过了第一个问题。然后更新值，但这远不是理想的（页面跳转等）

我仍然需要更新仪表板中的总计（在没有colorbox的dom中可见），我在colorbox中有值，并且手头的发票总计id为“total-1”），因此我认为可以，这样我可以在加载colorbox表单时更新total-1值，并使用脚本标记来执行此操作

<script>
    $("div #total-1").text("210"); // 210 is dynamically calculated (190 + 20)
</script>

$（“div#total-1”）。文本（“210”）//210是动态计算的（190+20）

然而，当colorbox加载其内容时，尽管元素已经存在于dom中，但这并不起作用。我还尝试了$（document.ready（）和$（window.loaded（）（以及它们的变体）

我在想也许我找错人了。这里有几个问题，如何避免重新加载colorbox表单，但添加表的总数并显示结果。其次，我如何确保total-1的值在不重新加载页面的情况下更新

---

谢谢，希望脾气暴躁是对的。试试看

  <script>
       $("div #total-1").html("210");
  </script>

$（“div#total-1”）.html（“210”）；

try$（“#total-1”）.html（“210”）；