在 WordPress 子比主题 [夜/日] 模式之间切换的提示
用jQuery+Layer.js实现的一个主题切换小提示
第一步:调用Layer.js
Layer.js是一个非常优秀的弹层组件,看自己是否已经调用了Layer组件(办法:先别调用下面的Layer.js,看直接使用第二步的代码能否使用,若无法使用就证明没有调用Layer,自己把下面的代码放到主题里【自定义头部HTML代码】)
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/layui/2.6.8/layui.min.js"></script>
第二步:jQuery代码
把下面的jQuery代码放到主题设置的【自定义javascript代码】就大功告成啦!
// 夜间切换//吾爱5igx.com$(".toggle-theme").click(function() {var toggleThemeText = "当前为日间模式";if (!$("body").hasClass('dark-theme')) {toggleThemeText = "当前为夜间模式";}layer.msg(toggleThemeText, {time: 2000,anim: 1});});
![在 WordPress 子比主题 [夜/日] 模式之间切换的提示 在 WordPress 子比主题 [夜/日] 模式之间切换的提示](http://tp.04ee.com/5/59.png)
© 版权声明
1- 本网站名称:吾爱acg文化论坛
2- 本站永久网址:https://5igx.com
3- 本网站的文章部分内容可能来源于网络,仅供大家学习与参考,如有侵权,请发邮箱zhuzhuyewu@163.com进行删除处理。
4- 本站一切资源不代表本站立场,并不代表本站赞同其观点和对其真实性负责。
5- 本站一律禁止以任何方式发布或转载任何违法的相关信息,访客发现请向站长举报
6- 本站资源大多存储在云盘,如发现链接失效,请联系我们我们会第一时间更新。
2- 本站永久网址:https://5igx.com
3- 本网站的文章部分内容可能来源于网络,仅供大家学习与参考,如有侵权,请发邮箱zhuzhuyewu@163.com进行删除处理。
4- 本站一切资源不代表本站立场,并不代表本站赞同其观点和对其真实性负责。
5- 本站一律禁止以任何方式发布或转载任何违法的相关信息,访客发现请向站长举报
6- 本站资源大多存储在云盘,如发现链接失效,请联系我们我们会第一时间更新。
THE END
暂无评论内容