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>