谁能帮我写段简单的 JS 参考一下?类似收藏的功能。

2016-04-22 20:07:55 +08:00
 tester4
每个标题旁边有个收藏的图标,比如星星。
打开页面时候是灰色的,代表没有收藏,点下一个标题旁的星星会变亮(变成黄色),刷新以后,这个星星还是亮的,再点一次就变灰。就类似这种代码,简单点,参考一下,谢了~或者帮我讲解一下?
如果点了这条新闻旁边的星星,那么这条新闻就被收藏了,这个标题旁边的星星就变亮。
下面这段代码可以正常收藏数据,但是星星的灰和黄的状态不会被保存,所以我想找段代码参考一下。


var _name = JSON.parse(localStorage.favorites);
var is_name = ~$.inArray(test_name, _name);
$('.test').append('<a class="start" data-active="'+(is_name ? 'true' : 'false')+'" style="color: '+(is_name ? 'yellow' : 'grey')+'; ">★</span>');
$('.start').on('click', function(e) {
e.preventDefault();
if (!$(this).data('active')) {
aname.add(this).render();
$(this).css('color', 'yellow');
$(this).data('active', true);
} else {
aname.remove(this).render();
$(this).css('color', 'grey');
$(this).data('active', false);
}
1900 次点击
所在节点    问与答
4 条回复
loading
2016-04-22 20:18:27 +08:00
需要使用 ajax 给服务器啊,不然你的状态如何持久化?

作假的话,至少也写到 cookie 吧,亲。
tester4
2016-04-22 20:25:24 +08:00
@loading localStorage
zhouyg
2016-04-22 22:51:40 +08:00
你都懂得如何从 localStorage 里拿数据,那只要往里写就可以了,暂时保存 一下不是很简单吗?
just4fan
2016-04-22 22:56:19 +08:00
我是在油猴里用油猴的 api 保存和读取自定义变量的 用油猴的话可以看下

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/273733

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX