2016-02-07 131 views
0

我正在使用Twitter小部件在我的rails站点上加载hashtag搜索。当我第一次访问该页面或单击重新加载时,该小部件可以正确加载。但是,如果我移动整个网站并返回到上一页,它将不会加载小部件,而只是显示一个链接。我是否可以做出任何改变,使得即使我点击回到包含它的页面也可以加载小部件,而无需重新加载页面?小部件在返回主页时不会重新加载

我看到类似的问题已经提出before,但我找不到有帮助的答案。任何投入都会很受欢迎!

这是小工具代码:

<a class="twitter-timeline" data-dnt="true" href="https://twitter.com/hashtag/srag5" data-widget-id="695833566630932481">#srag5 Tweets</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> 

它应该帮助,这是我的application.html.erb:

<!DOCTYPE html> 
<html> 
<head> 
    <link href='https://fonts.googleapis.com/css?family=Sura' rel='stylesheet' type='text/css'> 
    <title><%= yield(:title) %> | RRH's World Language One To The World</title> 
    <%= stylesheet_link_tag 'application', media: 'all', 'data-turbolinks-track' => true %> 
    <%= javascript_include_tag 'application', 'data-turbolinks-track' => true %> 
    <%= csrf_meta_tags %> 
    <meta name="viewport" content="width=device-width, initial-scale=1"> 

    <!--[if lt IE 9]> 
     <script src="//cdnjs.cloudflare.com/ajax/libs/html5shiv/r29/html5.min.js"> 
     </script> 
    <![endif]--> 
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script> 
    <link href="assets/css/bootstrap-responsive.css" rel="stylesheet"> 
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script> 
    <%= favicon_link_tag 'favicon.ico' %> 
</head> 
<body> 
    <%= render 'layouts/navbar.html.erb' %> 

    <div class="container"> 
    <div class="jumbotron"> 
     <%= yield %> 
    </div> 
    </div> 
</body> 
</html> 

见所附图片enter image description hereenter image description here

回答

0

如Twitter社区forum中所示,通过某人的post与ajax一起工作,在小部件末尾添加twitter.widgets.load()可解决问题。

修订后的小部件因此将是:

<a class="twitter-timeline" data-dnt="true" href="https://twitter.com/hashtag/srag5" data-widget-id="695833566630932481">#srag5 Tweets</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"); twttr.widgets.load();</script> 
相关问题