Я пытаюсь интегрировать FB-страницу с моим новым Rails-приложением.Интеграция страницы FB с рельсами
Проблемы:
Контейнер Fb Страница правильно оказанная только тогда, когда запрос непосредственно из адресной строки клиента (ввод URL в адресной строке и нажмите идти) или при получении запроса от одного контроллера к другим.
Когда любое действие одного и того же контроллера нажимается на веб-сайт, то есть вызывается из SAME контроллера, блок страницы FB не отображается должным образом.
Попробуй здесь: Test Link
Что я сделал это:
- Добавлен FB JS в application.html.erb
- И сам я 'm, поместив мой код для страницы Fb (показано ниже)
application.html.erb
<!DOCTYPE html>
<html>
<head>
<title>Forgotten Heroes</title>
<%= stylesheet_link_tag 'application', media: 'all', 'data-turbolinks-track' => true %>
<%= javascript_include_tag 'application', 'data-turbolinks-track' => true %>
<%= csrf_meta_tags %>
</head>
<body>
<div id="fb-root"></div>
<!-- FB JAVASCRIPT SDK STARTS -->
<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/en_US/sdk.js#xfbml=1&version=v2.4";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<!-- FB JAVASCRIPT SDK ENDS -->
<div id="header" class="generic">
Forgotten Heroes
<div id="main-menu">
<span class='menu-links'>Home</span>
<span class='menu-links'>Blogs</span>
<span class='menu-links'>Trending</span>
<span class='menu-links'>About Us</span>
</div>
<div id="fb-page-like">
<div class="fb-page" data-href="https://www.facebook.com/IndianForgottenHeroes" data-width="350" data-small-header="true" data-adapt-container-width="false" data-hide-cover="false" data-show-facepile="false" data-show-posts="false">
<div class="fb-xfbml-parse-ignore">
<blockquote cite="https://www.facebook.com/IndianForgottenHeroes">
<a href="https://www.facebook.com/IndianForgottenHeroes">Forgotten Heroes</a>
</blockquote>
</div></div>
</div>
</div>
<%= yield %>
<div id="footer" class="generic">
© <a href="http://forgottenhero.in" >forgottenhero.in</a>
</div>
</body>
</html>
Вы используете AJAX для динамической загрузки контента? Если это так: http://stackoverflow.com/a/29134477/1427878 – CBroe
Нет, это никак не связано с этим. Я получил решение. Это было вызвано * turbolink *, которое заставляет js не запускаться должным образом каждый раз с помощью html. – Sachin