Изменение шрифта awesome icon в jquery
У меня есть кнопка like, которая использует jQuery. Я хочу изменить иконку в зависимости от статуса "нравится" (от очерченного сердечка до заполненного сердечка). Проблема в том, что когда я нажимаю like, она удаляет иконку
pre like:
поставьте лайк:
Как остановить очистку иконки и при этом обновить количество лайков, а также изменить класс иконки
jQuery:
<script>
$(document).ready(function(){
function updateText(btn, newCount, verb){
btn.text(newCount + " " + verb)
}
$(".like-btn").click(function(e){
e.preventDefault()
var this_ = $(this)
var likeUrl = this_.attr("data-href")
var likeCount = parseInt(this_.attr("data-likes")) | 0
var addLike = likeCount + 1
var removeLike = likeCount - 1
if (likeUrl){
$.ajax({
url: likeUrl,
method: "GET",
data: {},
success: function(data){
console.log(data)
var newLikes;
if (data.liked){
updateText(this_, data.likescount, "like")
} else {
updateText(this_, data.likescount, "unlike")
}
}, error: function(error){
console.log(error)
console.log("error")
}
})
}
})
})
</script>
кнопка нравится:
<a class="like-btn" data-href='{{ post.get_api_like_url }}' data-likes="{{ post.likes.count }}" href="{{ post.get_like_url }}"><i class="fa fa-heart-o like-heart" aria-hidden="true"></i>{{ post.likes.count }} </a>
if (data.liked){
updateText(this_, data.likescount, "")
$(".like-btn").prepend("<i></i>")
$( "i" ).addClass( "fa fa-heart-o like-heart" );
} else {
updateText(this_, data.likescount, "")
$(".like-btn").prepend("<i></i>")
$( "i" ).addClass( "fa fa-heart-o like-heart" );