在堆栈溢出时显示投票按钮上的错误

时间:2018-04-18 05:03:23

标签: javascript jquery

我没有收到任何错误,而且这也没有按照我希望的方式运行。 我的项目中有一个jQuery upvote插件。为了避免跨度,我在每次投票时验证用户输入。一切正常,我收到错误如果我试图从我的PHP文件跨越投票功能。问题是当我尝试在屏幕上显示该消息时,就像堆栈溢出一样。

目前我有这个,但出局不是我想要的:

 <script>
var callback = function(data) {

$.ajax({
    url: 'voting.php',
    type: 'post',
    data: { id: data.id, up: data.upvoted, down: data.downvoted, star: data.starred },
    success: function(result) {  
    $("[data-id='" + data.id + "']").html(result);
} 
});
};
 $('.upvote').upvote({callback: callback});

</script>

错误取代上下投票的输出:

enter image description here

我的html有一个span标签,但不知道如何使用它?

  if($RES['counter'] === '1'){
 echo '
         <td>
           <div  data-id='.$id.' class="upvote upvote-serverfault">
            <a style="cursor:pointer;" class="upvote upvote-on" title="This idea is helpful"></a>
            <span class="count">'.$counter.'</span>
            <a class="downvote"></a>
            <span class="votingFeedback"></span>
          </div>
      </td>';  
    }
    else 
        if($RES['counter'] === '-1'){
    echo '
      <td>
        <div  data-id='.$id.' class="upvote upvote-serverfault">
            <a style="cursor:pointer;" class="upvote upvote-down" title="This idea is helpful"></a>
            <span class="count">'.$counter.'</span>
            <a class="downvote downvote-on"></a>
            <span class="votingFeedback"></span>  
        </div>
      </td>';
    }

1 个答案:

答案 0 :(得分:2)

$.ajax({
    url: 'voting.php',
    type: 'post',
    data: { id: data.id, up: data.upvoted, down: data.downvoted, star: data.starred },
    success: function(result) {  
    $("[data-id='" + data.id + "']").find("span.votingFeedback").text(result);
} 
});

使用此功能,您可以在类span的相应votingFeedback元素中显示错误。