gpt4 book ai didi

javascript - jquery 加载时间和其中的 css 样式

转载 作者:行者123 更新时间:2023-11-28 07:33:20 24 4
gpt4 key购买 nike

就像您在下面的代码中看到的那样,jquery 加载了一个页面,但似乎 jquery 内的所有 .css 样式都会等待 jquery 加载,如果文件很大,这可能需要几分之一秒的时间。因此,如果我有 .css("display","none") ,那么它在样式启动之前将无法工作,导致闪烁。我只在 Mozilla 上遇到这个问题。 下面的代码只是一个示例,由于很小,所以效果很好。一些如何解决这个问题的想法?

$(document).ready(function() {
$(".rectangle").click(function() {
$("body").load("debugging2.html", function() {
$(".rectangle").css("display","none")
$(".rectangle").fadeIn(1000);
}) ;
});
})
.rectangle{
height: 200px;
width: 200px;
background-color:#000;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<body>
<div>
<div class="rectangle"></div>
</div>
</body>

最佳答案

$(document).ready(function() {
$(".rectangle").click(function() {
$("head").append("<style>.rectangle{display:none;}</style>");
$("body").load("debugging2.html", function() {
$("rectangle").fadeIn(1000);
});
});
})

关于javascript - jquery 加载时间和其中的 css 样式,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28880031/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com