子比主题添加文章评论常用语功能[子比教程]

子比主题添加文章评论常用语功能-清风博客

前言

为了方便大家评论文章,懒得自己写评论,站长也不想你们随意写评论,所以花亿点点时间写文章评论常用词组的功能,哈哈哈~~~~

教程

CSS代码样式

在后台主题设置[自定义CSS样式]添加下面CSS代码:

/*常-用-语样式*/
.wiiuii-words-li{margin:5px auto;padding:5px;background:var(--body-bg-color);border-radius:var(--main-radius)}
.wiiuii-words-li:hover{background:var(--float-btn-bg)}

JS代码样式

在后台主题设置[自定义javascript代码]添加下面jQuery代码:

// 评-论-常-用-语JS
$('.wiiuii-words-li').on('click', function() {
   var $wiiuii_comment = $('#comment');
    var wiiuii_com_text = $(this).find('span').text();
    var wiiuii_com_original = $wiiuii_comment.val();
    $wiiuii_comment.val(wiiuii_com_original ? wiiuii_com_original + '  ' + wiiuii_com_text : wiiuii_com_text);
    $('.wiui_words').removeClass('open');
});

PHP代码

【说明】评论常用语自己自定义,PHP代码中用注释,自己按格式写就好啦,最好不要超过10句。

温馨提示:本文最后更新于2022-09-20 20:16:04,某些文章具有时效性,若有错误或已失效,请在下方留言或联系清风#
© 版权声明
THE END
文章不错?点个赞呗!
点赞53 分享
评论 抢沙发

请登录后发表评论