tp5如何实现收藏功能并且可切换颜色

　　介绍

这篇文章主要介绍tp5如何实现收藏功能并且可切换颜色,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!

html页面中,引用了引导的图标

,,,,,,,,,,,,,,,,,,,,,,,,,,,,{if 条件=癱olor 美元==,5“} 　　,,,,,,,,,,,,,,,,,,,,,,,,,,,& lt; div 比; 　　,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,& lt; !——, & lt;小姐:id=癱ollection",类=癷con-heart  cs"祝辞& lt;/i> & lt; br /祝辞,——比; 　　,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,& lt; !——, & lt;小姐:id=癱ollection",类=癷con-heart", class2=癱s"祝辞& lt;/i> & lt; br /祝辞,——比; 　　,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,& lt;小姐:id=癱ollection",类=癷con-heart  cs"祝辞& lt;/i> & lt; br /比; 　　,,,,,,,,,,,,,,,,,,,,,,,,,,,& lt;/div> 　　,,,,,,,,,,,,,,,,,,,,,,,,,,,其他的{/} 　　,,,,,,,,,,,,,,,,,,,,,,,,,,,& lt; div 比; 　　,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,& lt;小姐:id=癱ollection",类=癷con-heart"祝辞& lt;/i> & lt; br /比; 　　,,,,,,,,,,,,,,,,,,,,,,,,,,,& lt;/div> 　　,,,,,,,,,,,,,,,,,,,,,,,,,,,{/如果}

css样式

& lt; style> 　　就像{,字体大小:66 px;,,颜色:# ccc;,光标:指针;} 　　cs{颜色:# FF0000;} 　　& lt;/style>

js中

,美元(“# collection") .click(函数(){ 　　. ajax({美元 　　,,,类型:& # 39;文章# 39; 　　,,,url:“home_collection.html" 　　,,,数据:{ 　　,,,,,,,“art_id":, {$ data [& # 39; id # 39;]},,,,,,,,,//,传过去文章表的id 　　,,,}, 　　,,,数据类型:“json" 　　,,,成功:功能(数据){,,, 　　,,,,,,,var  res =, JSON.parse(数据),,,,,,//,json 字符串转化为对象 　　,,,,,,,if  (res.code ==, & # 39; 3 & # 39;),,,,,,,,,,,,//,收藏成功,变成红色 　　,,,,,,,{,,, 　　,,,,,,,,,,,美元(& # 39;#收集# 39;).toggleClass (& # 39; c # 39;),,,,,,,,,, 　　,,,,,,,,,,,//,. getelementbyid(& # 39;收集# 39;).style.background=? FF0000",,,//,另一种样式,这是把整个背景都变红了, 　　,,,,,,,,,,,console.log (res.code); 　　,,,,,,,} 　　,,,,,,,if  (res.code ==, & # 39; 4 & # 39;),,,,,,,,,,,//,取消收藏 　　,,,,,,,{ 　　,,,,,,,,,,,美元(& # 39;#收集# 39;).toggleClass (& # 39; c # 39;),, 　　,,,,,,,,,,,console.log (res.code);,,,,,,,,, 　　,,,,,,,} 　　,,,}, 　　,,,错误:功能(数据){ 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null 　　null

tp5如何实现收藏功能并且可切换颜色