如何将 twitter 嵌入脚本放入变量中答案

【问题标题】：How to put twitter embed script into variable如何将 twitter 嵌入脚本放入变量中
【发布时间】：2018-05-07 00:10:34
【问题描述】：

我尝试将推特中的提要嵌入到我的网站中，并尝试将代码嵌入到变量中。我想在单击按钮时显示提要，但调用变量时遇到问题。是否可以将嵌入脚本放入变量中

下面是我的代码

$(document).ready(function(){
var feed = "<a class='twitter-timeline' data-width='400' data-height='300' href='https://twitter.com/prabowo?ref_src=twsrc%5Etfw'>Tweets</a> <script async src='https://platform.twitter.com/widgets.js' charset='utf-8'></script>";

$(".show-feed").click(function(){
  $(".my-feed").html(feed);
});
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<div class="show-feed">
Show Twitter Feed
</div>

<div class="my-feed">
</div>

【问题讨论】：

标签： jquery twitter

【解决方案1】：

这是一种附加脚本和输入标签的方法。直接添加脚本并隐藏提要 div 可能会更好，直到您单击它。还要看jquery的getScript函数。

$(document).ready(function(){
var scriptTag = document.createElement('script');
scriptTag.setAttribute('src','https://platform.twitter.com/widgets.js');
scriptTag.setAttribute('async','true');
scriptTag.setAttribute('charset','utf-8');
var link = document.createElement('a');
link.setAttribute('data-width', '400');
link.setAttribute('data-height','300');
link.setAttribute('href', 'https://twitter.com/prabowo?ref_src=twsrc%5Etfw');
link.textContent = 'Tweets';

  $(".show-feed").click(function(){
    $('.my-feed').append(scriptTag, link);
  });
  
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<div class="show-feed">
Show Twitter Feed
</div>

<div class="my-feed">
</div>

【讨论】：