jQuery附加CSS文件并等待直到应用样式而没有setInterval？

我加载CSS：

$('head').append(''); 

它工作，但我有一个function，需要在应用CSS后运行，我不想使用setInterval 。

我怎样才能做到这一点 ？

Answer 1

一个解决方案，如果您有权访问正在加载的css文件，
是使用transitionend事件，并从css激活duration设置为0.1的转换。

像这样，你确定CSS已经计算好了。

style2.css

  body{opacity:1;} 

的index.html

   ...  

---

编辑：
对于那些需要jsfunction（没有外部文件）的人： https ： //jsfiddle.net/t0akchuw/

Answer 2

您可以使用load事件

 $('', { rel: 'stylesheet', ref: 'https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.4/css/bootstrap.css', type: 'text/css', onload: function() { snippet.log('loaded') } }).appendTo('head')