以下是我如何做到这一点。
首先,如果视图代码确定弹出窗口应显示出来,叫render()与上下文中的一个名为标志:
return render(request, 'page/home.html', {'some_flag': True})
然后,在你的页面模板,如果设置了标志,显示
元素:
{% if some_flag %}
Some Text Here
{% endif %}
另外在页面模板,在
部分,创建一个JavaScript函数来显示
作为一个弹出式对话框:
$(document).ready(function() {
$(function() {
$("#some_flag").dialog({
modal: true,
closeOnEscape: false,
dialogClass: "no-close",
resizable: false,
draggable: false,
width: 600,
buttons: [
{
text: "OK",
click: function() {
$(this).dialog("close");
}
}
]
});
});
});
此解决方案还要求您使用jQuery库。
我确信这样做有缺点,但它适用于我。