Как разместить систему комментариев в Facebook на странице, загруженной ajax в перьях?

Question

Как разместить систему комментариев в Facebook на странице, загруженной ajax в перьях?

Я использую плагин перо для создания галереи на своем сайте. Для каждого элемента галереи, который я нажимаю, он загружает страницу, содержимое которой (заголовок, теги, imgs и т. Д.) Поступает из базы данных и изменяется в соответствии с идентификатором, отправленным методом GET. Я хотел бы вставить поле для комментариев на Facebook для каждого элемента галереи, и оно работает, когда я открываю его страницу в другом окне, но не работает, когда открывается с помощью плагина featherlight на странице в качестве лайтбокса.

Этот код вызывает плагин Feelight:

<?php
foreach ($db->query("SELECT * FROM jobs") as $job) {
echo "<div class='".$job['catJob']."' style='background:url(".$job['thumbJob']."); '>
<a href='#' onclick='bodyNoScroll()' data-featherlight='jobs.php?j=".$job['idJob']."'>
</div>";
}
?>

И это страница, которую я загружаю с плагином

<?php
if(count($_GET)){
require_once("conection.php");
$jobId = $_GET['j'];
foreach ($db->query("SELECT * FROM jobs WHERE idJob=$jobId") as $job){
$nameJob = $job['nameJob'];
$descJob = $job['descJob'];
$imgJob = $job['imgJob'];
$catJob = $job['catJob'];
$videoJob = $job['videoJob'];
}
}
?>

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<script>
window.onload(function(){
removertodos = document.getElementById("tags").innerHTML.replace("todos ", "");
document.getElementById("tags").innerHTML = removertodos;
});
</script>
<link type="text/css" rel="stylesheet" href="css/jobstyle.css"></head>
<body>
<div id="fb-root"></div>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/pt_BR/sdk.js#xfbml=1&version=v2.7";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));
</script>

<div id="containerjob">
<?php echo  "<div id='description'>
<h2>$nameJob</h2>
<p id='tags'>$catJob</p>
<p id='descjob'>$descJob</p>
</div>";
if ($imgJob!="")
echo "<img src='$imgJob' alt=''>";
if ($videoJob!="")
echo $videoJob;
echo "<div class='fb-comments' data-href='jobs.php?j=".$jobId."' data-width='100%' data-numposts='5'></div>
<div id='outros'></div>"?>
</div>

Есть идеи, что я могу сделать?

1

ajax facebook-comments featherlight.js lightbox php

Решение

Задача ещё не решена.

Другие решения

Других решений пока нет …

Источник