Wie man twitter embed script in Variable einfügt

Question

Ich versuche, Feed von meinem Twitter in meine Website einzubetten, und ich versuche Code in Variable einzubetten. Ich möchte den Feed anzeigen, wenn ich auf die Schaltfläche klicke, aber ich habe Probleme mit dem Aufruf meiner Variablen. Ist es möglich, einbetten Skript in variable

hier mein Code unten

$(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>

Answer 1

Hier zu setzen ist eine Möglichkeit, das Skript und die Eingangs-Tags anhängen. Es ist möglicherweise besser, das Skript direkt hinzuzufügen und das Feed-Div auszublenden, bis Sie darauf klicken. Sehen Sie sich auch die Funktion jquery getScript an.

$(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>