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

Question

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

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

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

在它定义 addedElem 的地方，我希望它添加 View 给我的“分数”。所以，我通常会这样做:{{ score }}，但是如果我无权访问它，我该如何将它添加到 addedElem？我正在使用 Django 的模板系统，所以我只能访问最里面的 body 元素，而不能访问 head。

Answer 1

基本模板可以访问其继承模板的上下文，{{ score }} 将起作用。如果没有提供分数，您当然应该处理这种情况。

如果您只想为特定页面使用此代码，您可以在基本模板中定义 {% block head_ext %}{% endblock %} 并在子模板中覆盖它。可以多次调用 $(document).ready()。