jQuery.ready函数和异步CSS
it1352
帮助1人
问题说明
我想异步加载我的网站CSS。我想知道是否 jQuery.ready（）函数将在完成CSS的异步加载后运行，或者jQuery会忽略它并且CSS可能在<$ c之后完成加载$ c> jQuery.ready（）函数开始运行。
I want to load my website CSS asynchronously. I want to know if jQuery.ready() function will run after the async load of the CSS is completed or will jQuery ignore it and the CSS might finish loading after jQuery.ready() function starts running.
正确答案
#1
尝试使用 $。holdReady（）
// set `$.holdReady()` to `true`
$.holdReady(true);
// do stuff at `$.holdReady(true)`
// e.g., call hide `body` element
$("body").hide();
// load asynchronous `css`
$("<style>")
.appendTo("head")
.load("https://gist.githubusercontent.com/anonymous/ec1ebbf8024850b7d400/"
"raw/906431c0472286e141b91aac1676369bbb8d2f97/style.css"
, function(e) {
// set `$.holdReady()` to `false`
$.holdReady(false);
});
// do stuff at `$.holdReady(false)`
$(document).ready(function() {
$("body").show();
alert("ready");
});<script src="https://ajax.谷歌apis.com/ajax/libs/jquery/1.11.1/jquery.min.js">
</script>
<body>
<div>
abc
</div>
<div>
123
</div>
</body>这篇好文章是转载于：学新通技术网
