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>