-1

Я пытаюсь интегрировать 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"> 
    &copy; <a href="http://forgottenhero.in" >forgottenhero.in</a> 
</div> 

</body> 
</html> 
+0

Вы используете AJAX для динамической загрузки контента? Если это так: http://stackoverflow.com/a/29134477/1427878 – CBroe

+0

Нет, это никак не связано с этим. Я получил решение. Это было вызвано * turbolink *, которое заставляет js не запускаться должным образом каждый раз с помощью html. – Sachin

ответ

0

Я получил решение

Это было вызвано turbolink которое вызывает JS, чтобы не выполняться должным образом каждый раз с HTML.

Так должен удалить//= require turbolinks из application.js

Смежные вопросы