切换日/夜模式时弹一条提示的 jQuery 写法

点主题的黑/白切换按钮时，想让用户明确感知当前切到了哪种模式，可以用 Layer 弹层在切换瞬间弹一条两秒的提示。核心就是一段 jQuery，先决条件是站点里能用 Layer.js。

先确认 Layer.js 是否已加载

不少主题自带 Layer 弹层组件。验证办法很直接：先不引入任何东西，把第二步的代码贴上去跑一下，layer.msg 能弹出说明已有；不能弹，就需要自己在后台“自定义头部 HTML 代码”里引入 Layer.js。

加自定义 JavaScript

下面的代码放进主题设置的“自定义 JavaScript 代码”。它给 .toggle-theme 绑点击事件，按 body 上是否存在 dark-theme 类判断当前模式，再弹对应文案；time: 2000 控制两秒自动收起，anim: 1 是下滑动画。提示文案里带了原作者的站名，用之前把它换成你自己的说法。

// 夜间切换$(".toggle-theme").click(<strong>function</strong>() {var toggleThemeText = "宅学院提醒你当前为日间亮色模式";<strong>if</strong> (!$("body").hasClass('dark-theme')) {toggleThemeText = "宅学院提醒你当前为夜间暗色模式";}layer.msg(toggleThemeText, {time: 2000,anim: 1});});

效果预览

注意事项

这段脚本依赖两个类名：.toggle-theme 按钮和 body.dark-theme。主题升级后类名如有变动，选择器要跟着改，否则点击无反应。后来更简洁的做法是直接用主题自带的提示组件，不必再引 Layer.js。