0

基本上，我有一个评论系统，我正在尝试添加 AJAX/jQuery 支持，以便用户可以查看“回复”评论，类似于 Youtube 处理评论和回复的方式。

显示与文章相关的每条评论 (comment_view.php)，如果它是对另一个评论的回复，则会显示一个按钮，用户可以单击该按钮来查看它正在回复的评论。

最初的评论显示正常，然后当单击“回复”按钮时，回复也按预期显示！但是，当从刚刚返回的回复中单击下一个“回复”按钮时，什么也没有发生。

另一个奇怪的事情是，如果我摆脱style="display: none;"了回复 div，它似乎可以工作，并且一直拉动所有的“回复”，尽管没有 jQuery“显示”动画。

对这里发生的事情有任何想法吗？

总共涉及 3 个文件：article.php、comment_view.php 和 getreply.php，详述如下：

article.php（片段）

该文件访问数据库并提取一篇文章及其相关评论

foreach ($comments as $comment) {
    echo '<div id="comment'.$comment['id'].'" class="comment">';
    require 'comment_view.php';
    echo '</div>';
}

评论视图.php

该文件包含在 article.php（上）和 getreply.php（下，通过 AJAX 从下面的 JavaScript 中获取）中

$_SESSION['rnum']++; //session variable that gets incremented to make sure each reply div id is unique

if ($comment['reply_to_id'] != null) {
    echo '<div id="reply'.$_SESSION['rnum'].'" style="display: none;"></div>'; //empty/hidden div to hold the future contents of a reply, which ends up being this file, instantiated by getreply.php (below) with a new $comment from database
}

echo '<div class="content">';
echo nl2br($comment['content']);
if ($comment['reply_to_id'] != null) {
    echo '<br/><button id="showreply'.$_SESSION['rnum'].'" onclick="showReply('.$comment['reply_to_id'].','.$_SESSION['rnum'].'); this.disabled = true;">In reply to -> '.$comment['reply_to_id'].'</button>';
    echo '<script>$("#showreply'.$_SESSION['rnum'].'").click(function () { $("#reply'.$_SESSION['rnum'].'").show("slow"); });</script>';
}
echo '</div>'; //content

JavaScript（位于 article.php 的标题中）

此 AJAX 函数获取 comid（评论 ID）并将其传递给 getreply.php，以便它知道要从数据库中提取哪个回复。它还需要 rnum 找出回复 div 的唯一 ID 以替换其内容。

<script>
function showReply(comid,rnum) {
    if (comid=="") {
        document.getElementById("reply"+rnum).innerHTML="";
        return;
    } 
    if (window.XMLHttpRequest) {
        // code for IE7+, Firefox, Chrome, Opera, Safari
        xmlhttp=new XMLHttpRequest();
    }
    else {
        // code for IE6, IE5
        xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
    }
    xmlhttp.onreadystatechange=function() {
        if (xmlhttp.readyState==4 && xmlhttp.status==200) {

            document.getElementById("reply"+rnum).innerHTML=xmlhttp.responseText;
        }
    }
    xmlhttp.open("GET","getreply.php?id="+comid,true);
    xmlhttp.send();
}
</script>

getreply.php

此文件采用 AJAX 传递的 comid（评论 ID）从数据库中提取回复评论，然后重新调用 comment_view.php（然后应该为下一个潜在回复生成另一个新的唯一 rnum，并吐出评论）

session_start();

$query = "SELECT * FROM comments WHERE id = ".$_GET['id'];
$result = $mysqli->query($query) or die($mysqli->error. " [" . __LINE__ . "]");

if ($result->num_rows == 1) {
    $comment = $result->fetch_assoc();
    require 'comment_view.php';
}

这比我预期的要长一些，但在此先感谢您的帮助或想法......

4

2 回答 2

1

根据要求，以答复形式^^

您需要删除.click添加到每个回复中的脚本，而是将其放在$("#reply"+rnum).show("slow");您document.getElementById("reply"+rnum).innerHTML=xmlhttp.responseText;的代码中。发生这种情况的原因是有两个click事件与按钮相关联并且它们相互冲突。此外，在得到回复之后放置它是一种很好的做法，为什么.show会有一些东西要显示，而不是在得到回复之前显示空的 div。

于 2013-02-13T08:26:14.750 回答
0

在您使用的第一个片段中

require 'comment_view.php';

这将适用于一条评论。一旦你有第二条评论，它应该会抛出一个错误，因为comment_view.php它已经是必需的。将其更改为

require_once 'comment_view.php';

看看它现在是否有效。

于 2013-02-13T07:46:36.840 回答