就像您在下面的代码中看到的那样，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/