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:
Aber wenn ich zu einer anderen Seite navigieren, sagt this, und navigieren Sie zurück zur Homepage, werden diese Tasten nicht neu laden.
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>
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? –
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