1

我有这个ajax函数。它获取文本区域的值，将其设置为变量，然后将其发送到 instagram。有用。

我想将文本区域值附加到 div 以显示发布的评论，而不刷新页面。它基本上是一个临时可见的评论，当页面重新加载时，它将被 instagram 的实际评论替换。

首先，忽略我想要做的是在所有这一切的错误领域。因为我在本地工作，成功不起作用，它被交换了。现在没关系。

我遇到的问题是，当我从文本区域附加数据时，它会多次附加它。我目前在我的页面上显示来自 instagram 的 4 张图片。它将在每张照片上附加文本区域数据 4 次，不将数据发送到 istagram，只是附加虚假评论。

如果我从 instagram 中删除 2 张图片，它会为每张图片附加两次...为什么要这样做，我该如何做到这一点，当您提交表单时，它会将图像一次附加到该 div .

这是我提交评论的功能。

function instaComment(){

    $('.messageTextarea').keydown(function() {
        if (event.keyCode == 13) {
            this.form.submit();
            return false;
         }
    });

    $('.button').live('click', function(){


        var name = $(this).siblings('.messageTextarea').val();
        var dataString = name;

        $.ajax({
        dataType: 'json',
          url: "https://api.instagram.com/v1/media/"+$(this).attr('data-the_id')+"/comments?"+hash,
          type: "POST",
          data: "text="+dataString,
          success: function(data) {
              // finish load
            console.log(data, dataString, 'succ');
          },
            error: function(data) {
                for (i=0; i < instadata[0].data.length; i++){
                    var username = instadata[0].data[i].user.username;
                    var profilepic = instadata[0].data[i].user.profile_picture;

                    console.log(data, dataString, 'succ');
                    $(this).each(function() {
                        $('.messageComments').append('<li><img class="commentUserImg" src="' + profilepic + '"><div class="commentUser">' + username + '</div><div class="commentText">' + dataString + '</div></li>');
                    });


                }
        }
    });
    return false;
});
}
4

1 回答 1

0

我不确定，但我认为您的问题来自这行代码

  $(this).each(function() {
                        $('.messageComments').append('<li><img class="commentUserImg" src="' + profilepic + '"><div class="commentUser">' + username + '</div><div class="commentText">' + dataString + '</div></li>');
                    });
于 2012-10-27T01:34:42.287 回答