最近在用VOID主题,不得不说很好看而且开发者也很用心去写这个主题。 但是在用VOID发布版时在Chrome浏览器时会出现点击闪烁,开发者熊猫小A在发布版中解决了这一问题,但是在换用开发版时出现了发布版中没有出现的问题(如下图)
但是这个BUG我也不会修复,毕竟对这一无所知。在看作者GitHub时看到已经有人提交了BUG,作者也回应了,应该不久就修复了。 但是作者修复之前自己不能让它一直BUG下去,于是就想了个其他小办法暂时性让OwO表情不会被遮挡。 于是结合网上的一些js的实例,进行了研究,终于东拼西凑写出来了。
1.在comments.php里找到
<span class="OwO" aria-label="表情按钮" role="button"></span>
改为
<span class="OwO" aria-label="表情按钮" role="button" id="ccodeanniu" onclick="javascript:but1Onclick();"></span>
2.在这段代码下面找到(51~54行)
<button id="comment-submit-button" type="submit" class="submit btn btn-normal">提交评论</button>
</p>
</form>
</div>
3.在2步骤那段代码下面(54行下)添加
<script>
function but1Onclick()
{//按钮点击事件
var div = document.getElementById("ccodediv");
var h=document.getElementById("ccodeanniu").className;
if(h=='OwO')
{div.style.height ="0px";}
else
{div.style.height ="220px";}}
function getStyle(parm1,parm2) {
return parm1.currentStyle ? parm1.currentStyle[parm2] : getComputedStyle(parm1)[parm2]; //parm1,要改变的元素代替名;parm2,要改变的属性名
}
</script>
4.在2步骤的的 </form>
和 </div>
中间加入
<div id="ccodediv" style="width: 100%;height: 0px;"></div>
5.保存好了。
当你点击OwO按钮时,会将 <div id="ccodediv">
高度变大,撑开与footer的距离,从而不会被遮住。
当原作者修复后,本文章作废。