Javascript 如何在头脚本中添加动态信息？

我有一个Django网站，检索各种项目的分数。我想让分数出现在用户点击链接时。问题是，当所有Jquery代码都位于头部时，如何创建此功能

例如，我脑子里有以下代码：

  $(document).ready(function() {
    var $addedElem = $('<p>New Element</p>');
    $('.display').one('click', function() {
      $addedElem.hide().appendTo("#container").fadeIn("slow");
    });
  });

$（文档）.ready（函数（）{
var$addedElem=$（“新元素”
”）；
$（'.display'）.one（'click'，function（）{
$addedelm.hide（）.appendTo（#container”）.fadeIn（“慢”）；
});
});

在定义addedElem的地方，我希望它添加视图给我的“分数”。因此，我通常会这样做：

---

{{score}}

，但如果我没有访问权限，我如何将其添加到addedElem？我使用的是Django的模板系统，因此我只能访问最里面的身体元素，而不能访问头部。

基本模板可以访问其继承模板的上下文，

{{score}

将起作用。你当然应该处理没有分数的情况

如果您只希望此代码用于特定页面，则可以在基本模板中定义

{%block head\u ext%}{%endblock%}

，并在子模板中重写它。可以多次调用

$（document）.ready（）