前言
经常逛别人的博客然后留言的时候发现,每次留言完以后 "称呼" "邮箱" "网址" 会自动填上上一次填写的内容,就好像一个“记住我”或者说是“自动登陆”的功能。省去了很多时间(想想每次评论留言都要填一次"称呼" "邮箱" "网址" 那是真心累啊),所以 不妨将这个小功能加到你的博客去吧!
实现方法
首先我们需要引入jquery
以及jquery.cookie
<script src="//cdn.bootcss.com/jquery/2.2.1/jquery.min.js"></script>
<script src="//cdn.bootcss.com/jquery-cookie/1.4.1/jquery.cookie.min.js"></script>
最后实现功能的代码如下
<script type="text/javascript">
$(function () {
//绑定addCookie的时间(发表评论后增加Cookie)
$("#misubmit").bind("click", function () {
addCookie();
})
//查看cookie的值
ReadCookie();
})
function addCookie() {//增加Cookie
$.cookie('ryongyon_author', $("#author").val());//给"称呼"增加Cookie
$.cookie('ryongyon_mail', $("#mail").val());//给"邮箱"增加Cookie
$.cookie('ryongyon_url', $("#url").val());//给"网址"增加Cookie
}
function ReadCookie() {//查看Cookie
$("#author").val($.cookie('ryongyon_author')); //将cookie值填入到"称呼"
$("#mail").val($.cookie('ryongyon_mail')); //将cookie值填入到"邮箱"
$("#url").val($.cookie('ryongyon_url')); //将cookie值填入到"网址"
}
</script>
代码已经贴上了注释,应该很好理解,有几个地方可以自行修改/调整
以下指的是需要绑定的按钮id
- '#misubmit'
以下三个指的是cookie的名称,可以把 'ryongyon' 修改为你网站的域名
- 'ryongyon_author'
- 'ryongyon_mail'
- 'ryongyon_url'
以下三个指的是需要记录cookie的文本框id,一般无需修改
- '#author'
- '#mail'
- '#url'
安卓手机浏览此页面左右滑动有距离
有点像移动主题,不错?
最近又用上了这个,为了配合CDN才使用。但有BUG,已经修复。
用了同一款主题。
?typecho本身就添加了cookies了,只不过有些模板不读取,有些用内置PHP读取.
不用自己写入,也不需要jq库
https://weicn.org/read/typecho_comments_author_javascript.html
另外,博客很不错,换友链吗
不错哦!学习到不得了的东西!?
友链已加?
?注意了,我要开始剽窃你的评论部分css了,真好看
有人能欣赏真好~ 自己F12看吧?
默认的不就是有这个吗?
我这个主题是没有的,因为作者认为和缓存插件有冲突 所以直接取消了。我一直都不知道 听你们这么一说才去学习了一下 原来TP自带 0 0 ?
value="/" 忘记转义了.?
还是发不出来....?
其实typecho有记住输入信息的功能
比如记住作者就是在inpute标签里面加上value=""
不过这个cookie jquery插件挺好用的呀
居然有这种黑科技,官方文档有吗?我以为你们也都是这么弄的(好久没见你啦!现在不错哦 都做了自己的主题了。?)
官方文档那个简略的,,我从别的主题里面看的,好多主题也这样写滴~