我制作了一个由ajax支持的like按钮,并定义了一个刷新文本的函数。现在我想把它从fa-heart-o字体改成fa-heart和viceversa字体。我该怎么做?请参见下面的代码
在基本.html你知道吗
<script>
$(document).ready(function(){
function updateText(btn, newCount, iconClass, verb){
verb = verb || "";
$(btn).html(newCount + '<i class="' + iconClass + '"></i>' + verb )
btn.attr("data-likes", newCount)
}
$(".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_, addLike, "fa fa-heart")
} else {
updateText(this_, removeLike, "fa fa-heart-o")
}
}, error: function(error){
console.log(error)
console.log("error")
}
})
}
})
})
</script>
和按钮式html
<a class='like-btn' data-href='{{ comentario.get_api_like_url }}' data-likes='{{ comentario.likes.count }}'
href='{{ comentario.get_like_url }}'>{{ comentario.likes.count }}
{% if request.user in comentario.likes.all %}
<i class="fa fa-heart"></i>
{% else %}
<i class="fa fa-heart-o"></i>
{% endif %}
谢谢你的帮助。你知道吗
在成功回调中,使用updateText定义元素。你知道吗
示例
屏幕在这里,屏幕在这里
相关问题 更多 >
编程相关推荐