Php 通过Ajax调用发送类似Facebook的按钮不起作用
我正在做一个涉及无限滚动页面的项目。在这里,我将发送整个框,并将其附加到页面上的上一个/最后一个框之后。因此,它创建了一个垂直框列表,一个在另一个下面 以下是我在ajax调用期间发送到Javascript的PHP代码:Php 通过Ajax调用发送类似Facebook的按钮不起作用,php,ajax,facebook,Php,Ajax,Facebook,我正在做一个涉及无限滚动页面的项目。在这里,我将发送整个框,并将其附加到页面上的上一个/最后一个框之后。因此,它创建了一个垂直框列表,一个在另一个下面 以下是我在ajax调用期间发送到Javascript的PHP代码: while($row = mysql_fetch_assoc ($result)) { echo "<div style=\"margin-bottom:15px;\" class=\"confession_box\">"; echo
while($row = mysql_fetch_assoc ($result)) {
echo "<div style=\"margin-bottom:15px;\" class=\"confession_box\">";
echo "<div style=\"font-size:17px;\">";
if($row['name'] != "") { echo $row['name'].', ';} if($row['age'] != "") { echo $row['age'].', '; } if($row['sex'] != "") { echo $row['sex'].', '; } if($row['location'] != "") { echo $row['location']; }
echo "</div>";
echo "<div style=\"font-size:13px;margin-top:8px;\">Posted on: ".date("D, d M y h:i A",strtotime($row['date_time']))." </div>";
echo "<div style=\"margin-top:20px;font-family:calibri;\">".nl2br(htmlspecialchars($row['confession']))."</div>";
echo "<div style=\"margin-top:20px;\">";
echo "<div id=\"fb-like-count\" style=\"float:left;width:105px;\">";
echo "<div class=\"fb-like\" data-href=\"https://developers.facebook.com/docs/plugins/\" data-width=\"100\" data-layout=\"button_count\" href=\"http://www.confesstalk.com/post.php?id=".$row['confession_id']."\" data-action=\"like\" data-show-faces=\"true\" data-share=\"false\"></div>";
echo "</div>";
echo "<div id=\"comment-count-display\" style=\"margin-left:50px;\">";
$comm_countcomm = "select count(*) from comments where confession_id=".$row['confession_id'];
$result_countcomm = mysql_query($comm_countcomm,$conn);
$row_countcomm = mysql_fetch_assoc ($result_countcomm);
$countcomm = $row_countcomm['count(*)'];
echo "<a href='post.php?id=".$row['confession_id']."'>".$countcomm." comments | Post New Comment</a>";
echo "</div>";
echo "</div>";
echo "</div>";
}
问题在于:除了类似Facebook的按钮外,所有内容都显示在HTML页面上:
echo "<div class=\"fb-like\" data-href=\"https://developers.facebook.com/docs/plugins/\" data-width=\"100\" data-layout=\"button_count\" href=\"http://www.confesstalk.com/post.php?id=".$row['confession_id']."\" data-action=\"like\" data-show-faces=\"true\" data-share=\"false\"></div>";
问题是您的代码只是为like按钮创建了标记。但是like按钮实际上是由facebookjssdk代码生成的,该代码在页面加载时运行。 谢天谢地,FacebookJSSDK中有一个方法指示它检查新标记并生成所需的小部件:
伟大的塔克斯。至少我了解了这只虫子。你能告诉我把这个FB解析整合到我的网页上吗。事实上,我时间不够,所以我需要尽快完成。谢谢。@cipherux在将标记添加到页面后,只需在javascript代码中添加FB.XFBML.parse即可。@cipherux对不起,我现在无法查看您的网站。但是解决方案是在代码向页面添加ajax响应之后添加一行简单的代码。
echo "<div class=\"fb-like\" data-href=\"https://developers.facebook.com/docs/plugins/\" data-width=\"100\" data-layout=\"button_count\" href=\"http://www.confesstalk.com/post.php?id=".$row['confession_id']."\" data-action=\"like\" data-show-faces=\"true\" data-share=\"false\"></div>";