问如何在动态页面上正确切换主题？

EN

我使用下面的jQuery代码在我的网站的两个主题(白天/晚上)之间切换。

$('#switch').on('click', function () { $('*').toggleClass('switch-bg'); });

当我单击标识为"switch“的按钮时，一切都会正常工作，该按钮将为可用的CSS属性(在本例中为body属性)添加/删除类"switch-bg”。

示例：

body {background: #fff;}   /* DAY mode (default) */
body.switch-bg {background: #000;}   /* NIGHT mode */

我的问题开始于当我处于“夜间模式”时，一些内容以默认的状态“白天模式”加载到页面中，这导致了两者的混合。

更多详细信息：

• 通过导航菜单中的超链接将所有动态内容(外部超文本标记语言)加载到我的主页的div (内部)中。这是使用jQuery实现的。
• 仅当内容已加载时，该切换才对动态内容起作用。如果您重新加载相同或不同的内容，则会出现以下情况:加载的内容处于默认状态“白天模式”，而主页仍处于“夜间模式”。

当这个选项被选中时，我希望所有的东西都保持在“夜间模式”。