子比主题 – 纯Javascript增加侧边栏简繁按钮

具体效果可以看本篇文章,本文章已单独自定义生效的JavaScript

首先在后台-子比主题自定义JavaScript代码增加以下代码

可以通过 onclick="toggleLanguage();event.preventDefault();" 增加在任意HTML标签内,可给该区块或按钮增加简繁切换功能

文字方面使用id="language-text" 判断当前为简体则显示切换繁体,当前为繁体则显示为切换简体

随后再次添加以下JavaScript代码,实现在侧边栏增加按钮

$(function(){
$('.float-right').prepend('<a class="float-btn" title="" href="javascript:;" onclick="toggleLanguage();event.preventDefault();" style="overflow: hidden; position: relative;"><img src="https://acg.vxras.com/wp-content/themes/b2child/img/简繁1.svg"></a>');
})

图标可以换成自己的图片,不换也请本地化以下,以防我网站文件资源丢失

子比主题 - 纯Javascript增加侧边栏简繁按钮_初一小盏
子比主题 – 纯Javascript增加侧边栏简繁按钮
此内容为付费阅读,请付费后查看
1000积分
官方实测
网站建设
二次开发
安装指导
付费阅读
已售 2
THE END
喜欢就支持一下吧
点赞6赞赏 分享
评论 共2条
    • 头像Agile development