2016-05-03 1 views
0

Ich habe eine Rails 4.2.6 bei Heroku gehostet. Dies ist die link dazu.Social bar nicht in meiner Rails 4.2.6 Anwendung neu laden

Es passiert, dass ich vor einem sehr neugierigen Thema stehe und vielleicht hilft mir jemand hier, es zu lösen.

Meine Anwendung verfügt über eine soziale Leiste mit Twitter, LinkedIn und Facebook teilen Schaltflächen. Wenn ich zum ersten Mal zur Startseite navigiere, laden sich diese Buttons perfekt. Es wird wie in diesem Bild sein:

enter image description here

Aber wenn ich zu einer anderen Seite navigieren, sagt this, und navigieren Sie zurück zur Homepage, werden diese Tasten nicht neu laden.

enter image description here

Ich weiß nicht wirklich, was geschieht und jede mögliche Hilfe wird geschätzt.

Hier sind einige Elemente, die nützlich sein können.

config/routes.rb:

Rails.application.routes.draw do 
    root 'site#index' 
    get '/forum',  to: 'site#forum',  as: :forum_disqus 
    get '/deputados', to: 'site#deputados', as: :lista_deputados 
    get '/senadores', to: 'site#senadores', as: :lista_senadores 
    get '/mensagem', to: 'site#mensagem', as: :envio_mensagens 
end 

app/views/site/index.html.erb:

<div class="row"> 
    <div class="col-md-7"> 
    <div class="well well-sm news-box clearfix"> 
     <%= render 'news' %> 
    </div> 
    <div class="well well-sm editorial-box"> 
     <%= render 'editorial' %> 
    </div> 
    </div> 
    <div class="col-md-5"> 
    <div class="well well-sm social-buttons clearfix"> 
     <%= render 'social' %> 
    </div> 
    <div class="well well-sm twitter-box"> 
     <%= render 'twitter_camara' %> 
    </div> 
    <div class="well well-sm twitter-box"> 
     <%= render 'twitter_senado' %> 
    </div> 
    </div> 
</div> 

app/views/site/_social.html .erb:

<div class="botao-twitter"> 
    <a href="https://twitter.com/share" class="twitter-share-button" data-url="http://portaldemocracia.herokuapp.com/" data-via="edvaldoajunior" data-lang="pt" data-size="large" data-hashtags="PortalDemocracia">Tweetar</a> 
    <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script> 
</div> 
<div class="botao-linkedin"> 
    <script src="//platform.linkedin.com/in.js" type="text/javascript"> lang: pt_BR</script> 
    <script type="IN/Share" data-url="http://portaldemocracia.herokuapp.com/" data-counter="right"></script> 
</div> 
<div class="botao-facebook"> 
    <div class="fb-share-button" data-href="http://portaldemocracia.herokuapp.com/" data-layout="box_count"></div> 
</div> 
<div class="botao-facebook"> 
    <div class="fb-like" data-href="https://www.facebook.com/portaldemocracia" data-width="90" data-layout="box_count" data-action="like" data-show-faces="false" data-share="false"></div> 
</div> 

Dies ist der Code in Verbindung mit Facebook API laden, in meinem app/views/layouts/application.html.erb, und es ist der einzige Teil meines Codes mit dem sozialen Balken in dieser Datei.

<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/en_US/sdk.js#xfbml=1&version=v2.5&appId=1623539961200011"; 
     fjs.parentNode.insertBefore(js, fjs); 
    }(document, 'script', 'facebook-jssdk')); 
</script> 

Antwort

2

Diese Warnung erscheint in der Konsole nach oben: duplicate in.js loaded, any parameters will be ignored

Es sieht aus wie der LinkedIn-Skript wird immer wieder geladen, wenn Sie auf die Homepage zurückkehren. Wird das Problem behoben, wenn eine der in this answer to another SO question erwähnten Fehlerbehebungen versucht wird?

+0

Dies half, aber nur mit LinkedIn-Taste. Die anderen laden nicht. Kennen Sie eine Möglichkeit, die anderen Skripts zu entwerten, da ** delete IN; ** der von Ihnen angegebenen Antwort das Linkedin-Skript ungültig macht? –

+1

Gibt es irgendwo zusätzlichen Code, der die Facebook-Skripte lädt? Verfügen Sie auch über eine freigegebene Kopfzeile in Ihrer Anwendung, in der Sie die