Jquery 函数和异步CSS

Jquery 函数和异步CSS,jquery,asynchronous,Jquery,Asynchronous,我想异步加载我的网站CSS。我想知道jQuery.ready()函数是否会在CSS的异步加载完成后运行,或者jQuery会忽略它,并且CSS可能会在jQuery.ready()函数开始运行后完成加载。jQuery.ready()会在加载DOM后运行 如果您希望异步加载一些CSS,那么最好在ready回调的头部插入link标记 换句话说 <script language="javascript"> $(document).ready(function() {

我想异步加载我的网站CSS。我想知道
jQuery.ready()
函数是否会在CSS的异步加载完成后运行,或者jQuery会忽略它,并且CSS可能会在
jQuery.ready()函数开始运行后完成加载。

jQuery.ready()会在加载DOM后运行

如果您希望异步加载一些CSS,那么最好在ready回调的头部插入link标记

换句话说

<script language="javascript">
   $(document).ready(function()
    {
         $("head").append("<link rel=stylesheet href='yourfile.css' type='text/css'/>");
    }
   )
</script>

$(文档).ready(函数()
{
$(“标题”)。附加(“”);
}
)
希望有帮助

简短回答-否。
$(document).ready()
不会等待异步加载完成。它将在加载DOM后立即启动

通常,您会将
async
加载函数放入
(document).ready()
中,以便它们在安全的情况下尽快开始执行。尝试在DOM之前执行异步CSS加载有点奇怪
$(document).ready()
是一个事件触发器函数。不能让它等待

请详细说明你到底想完成什么

请阅读“执行顺序”回答: 尝试利用

//将`$.holdReady()`设置为`true`
$.holdReady(真);
//在`$.holdReady上执行操作(true)`
//例如,调用hide`body`元素
$(“body”).hide();
//加载异步css`
$("")
.appendTo(“head”)
.加载(“https://gist.githubusercontent.com/anonymous/ec1ebbf8024850b7d400/"
+“raw/906431c0472286e141b91aac1676369bbb8d2f97/style.css”
,功能(e){
//将`$.holdReady()`设置为`false`
$.holdReady(假);
});
//在`$.holdReady上执行操作(false)`
$(文档).ready(函数(){
$(“body”).show();
警惕(“准备就绪”);
});

abc
123

我认为您没有正确阅读问题。他想先异步加载css,然后再加载document.ready应该可以工作。你不是在寻找window onload事件吗???如果这可以解决我的问题,我不知道。我想异步加载css,但想在以后运行jquery代码