2016-02-07 130 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> 
相關問題