如何將javascript附加到字體真棒圖標

Question

我在我的HTML中有一個fontawesome圖標作為按鈕，我想使用javascript並觸發它AJAX風格

<a href="#"><i id="heart" class="jam jam-heart-f"></i> Like</a>

這是嘗試javascript觸發它 - 但我沒有得到任何錯誤跟進。 我嘗試將類似的嘗試發布到類似.php的PHP頁面，以將鏈接添加到數據庫。

$(document).ready(function()
{

$('body').on("click",'#heart',function()
{
    var videoId = "<?php echo $video_id; ?>";


    var A=$(this).attr("id");
    var B=A.split("like");
    var messageID=B[1];
    var C=parseInt($("#likeCount"+messageID).html());


       $.ajax({
    method: 'POST',
    url: 'like.php',
    data: {videoId: videoId},
    cache: false,
        success: function(result){
            likeInfo = JSON.parse(result);
                    $("#likeCount1").html("Likes:" + likeInfo.likeCount);

            //document.getElementById("likeCount1").value = likeInfo.likeCount;
            //$("#likeCount1").html(likeCount);
        }

        }); 



    }


});

我不認為#heart似乎是在JS中用id =“heart”用字體真棒圖標觸發的。 任何想法如何我可以一起裝配

Answer 1

您的代碼正確觸發了請求后請求，但您沒有正確關閉函數和作用域。

我在這里試了一下： http ： //jsfiddle.net/4cohrz5p/

和代碼來保持stackoverflow愉快：

$(document).ready(function() {

      $('body').on("click", '#heart', function() {
          var videoId = "<?php echo $video_id; ?>";


          var A = $(this).attr("id");
          var B = A.split("like");
          var messageID = B[1];
          var C = parseInt($("#likeCount" + messageID).html());


          $.ajax({
            method: 'POST',
            url: 'like.php',
            data: {
              videoId: videoId
            },
            cache: false,
            success: function(result) {
              likeInfo = JSON.parse(result);
              $("#likeCount1").html("Likes:" + likeInfo.likeCount);

              //document.getElementById("likeCount1").value = likeInfo.likeCount;
              //$("#likeCount1").html(likeCount);
            }
          });
      });
});

此外，javascript控制台顯示代碼的Uncaught SyntaxError: missing ) after argument list 。 當您單擊心臟以查看傳出請求時，可以打開網絡選項卡，並可以檢查它們以查看它們是否發送了正確的數據（以及響應！）。

在運行代碼之前，任何像樣的js編輯器都會顯示此錯誤。 嘗試VS代碼 。 自由輕巧，整體非常棒。

Answer 2

你忘了為$（'body'）添加右括號和分號.on ...聲明

嘗試這個：

$(document).ready(function()
{

    $('body').on("click",'#heart',function()
    {
        var videoId = "<?php echo $video_id; ?>";


        var A=$(this).attr("id");
        var B=A.split("like");
        var messageID=B[1];
        var C=parseInt($("#likeCount"+messageID).html());


           $.ajax({
        method: 'POST',
        url: 'like.php',
        data: {videoId: videoId},
        cache: false,
            success: function(result){
                likeInfo = JSON.parse(result);
                        $("#likeCount1").html("Likes:" + likeInfo.likeCount);

            //document.getElementById("likeCount1").value = likeInfo.likeCount;
            //$("#likeCount1").html(likeCount);
            }
        }); 
    });
});