查克诺里斯推特小部件正在失去IE的风格

在IE上异步加载twitter小部件时遇到一个奇怪的问题。 它加载得很好,但由于某种原因,不适用于IE(7,8,9)上的任何样式(颜色,背景为空白/默认)。

以标准方式加载脚本也适用于IE。

代码看起来像这样,适用于所有浏览器(包括IE,但没有样式)

jQuery(window).load(function () { jQuery('').appendTo("head"); 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(); }) })

你可以在这个链接上看到这个。

即使设置为chucknorris,它也会失去IE上的风格。

您认为将css放在自己的css中以避免出现问题

  

如果把它放在你的main.css文件中以获得更好的缓存体验静态的东西并且都在一个地方也很好

  

在这里找到: 如何使用jQuery异步加载CSS?

 $("head").append(""); 

使代码完整:

 

以某种方式编辑这是IE中唯一可行的东西:

     test