如何在主体上保持动态添加的CSS类

Question

当用户单击某个元素时，我正在使用JS在body标签上添加一个CSS类。当用户导航到其他应用页面时，我想保留此类。

我正在使用模板，当导航到也使用此模板的其他页面时，似乎包含body标记的导入模板会重新呈现。

如何在body标签上保持动态添加的CSS类？

function init() {
$(".trigger").click(function(e) {
    $(document.body).addClass('someClass');
});

这就是我导入到头和身体标签的其他页面的方式

{% extends "layout.html" %}
{% block content %}

....