小编Joh*_*ire的帖子

切换图标就像使用Javascript一样

我已经制作了一个由ajax驱动的类似按钮,我已经定义了一个刷新文本的功能.现在我想改变它以便从字体真棒fa-heart-o更新到fa-heart和反之.我该怎么做?请参阅下面的代码

base.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_, …
Run Code Online (Sandbox Code Playgroud)

html javascript python django frontend

5
推荐指数
1
解决办法
115
查看次数

标签 统计

django ×1

frontend ×1

html ×1

javascript ×1

python ×1