Note that there are some explanatory texts on larger screens.

plurals
  1. PO
    text
    copied!<p>as found here: <a href="https://stackoverflow.com/questions/5186638/how-to-asynchronously-load-css-using-jquery">How to asynchronously load CSS using jQuery?</a></p> <pre><code>$("head").append("&lt;link rel='stylesheet' type='text/css' href='http://widgets.twimg.com/j/2/widget.css' /&gt;"); </code></pre> <p>to make the code complete:</p> <pre><code>&lt;div id="twitter_div"&gt;&lt;/div&gt; &lt;script&gt; jQuery(window).load(function () { $("head").append("&lt;link rel='stylesheet' type='text/css' href='http://widgets.twimg.com/j/2/widget.css' /&gt;"); jQuery.getScript('http://widgets.twimg.com/j/2/widget.js', function () { var twitter = new TWTR.Widget({ id: 'twitter_div', version: 2, type: 'profile', rpp: 4, interval: 6000, width: 'auto', height: 300, theme: { shell: { background: '#add459', color: '#382638' }, tweets: { background: '#ffffff', color: '#141114', links: '#4aed05' } }, features: { scrollbar: false, loop: false, live: false, hashtags: true, timestamp: true, avatars: false, behavior: 'all' } }).render().setUser('chucknorris').start(); }) }) &lt;/script&gt; </code></pre> <p><strong>edit</strong> somehow this is the only thing that seems to work in IE:</p> <pre><code>&lt;!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"&gt; &lt;html&gt; &lt;head&gt; &lt;meta http-equiv="Content-Type" content="text/html; charset=utf-8"&gt; &lt;title&gt;test&lt;/title&gt; &lt;link href="http://widgets.twimg.com/j/1/widget.css" type="text/css" rel="stylesheet"&gt; &lt;link href="http://widgets.twimg.com/j/2/widget.css" type="text/css" rel="stylesheet"&gt; &lt;script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"&gt;&lt;/script&gt; &lt;script charset="utf-8" src="http://widgets.twimg.com/j/2/widget.js"&gt;&lt;/script&gt; &lt;/head&gt; &lt;body&gt; &lt;div id="twitter_div"&gt;&lt;/div&gt; &lt;script type="text/javascript"&gt; $(document).ready(function () { var twitter = new TWTR.Widget({ id: 'twitter_div', version: 2, type: 'profile', rpp: 4, interval: 6000, width: 'auto', height: 300, theme: { shell: { background: '#add459', color: '#382638' }, tweets: { background: '#ffffff', color: '#141114', links: '#4aed05' } }, features: { scrollbar: false, loop: false, live: false, hashtags: true, timestamp: true, avatars: false, behavior: 'all' } }).render().setUser('chucknorris').start(); }) &lt;/script&gt; &lt;/body&gt; &lt;/html&gt; </code></pre>
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload