点击即可刷新HTML

Question

我正在使用此处找到的示例http://stackoverflow.com/questions/27218680/how-can-i-reload-just-one-div-on-click，我认为我在我的示例中遗漏了一些内容，或者因为我使用的是MPTT代替标准菜单。

这就是我加载我的base.html中的菜单的方法 -

{% recursetree nodes %}
    <a href="#" id="{{ node.id }}"> {{ node.name }}</a>
{% endrecursetree %}

这是我包含的javascript -

<script>
$(document).on('click','.node',function(e) {
    id = $(this).attr("id");

    $.ajax({
        type: "GET",
        url: '/gui/details/' + id,
        success: function (result) {
            $('.details').html(result);
         },
     });
 });
 </script>

然后我尝试使用此id重新加载模板 -

<div class="details">
    {% include 'gui/details.html' %}
</div>

以下是生成详细信息的视图 -

def display_details(request, list_id):
    qs_details = Details.objects.filter(owner=request.user, list=list_id)

    return render(request, 'gui/details.html', {'qs_details': qs_details,})

目前，当我点击列表中的任何内容时，它无法执行任何操作。