Javascript - 在元素的 html 中加载模板

Question

我有一个模板，我想在单击元素时在 html 元素内呈现该模板。我想做类似的事情(我正在使用jquery):

$(".btn")on("click", function(){ 
     $("#element").html(partial_template.html)
});

但这当然行不通。我怎样才能实现这个目标？

编辑:我正在使用 Django，如果这很重要的话!

Answer 1

使用 .load() 函数，确保设置 html tpl 的正确路径。

$(".btn").on("click", function(){ 
     $("#element").load("path_to_your_html_folder/partial_template.html");
});