gpt4 book ai didi

jquery - 通过 jQuery 更改 CSS 属性显示简短的视觉过渡

转载 作者:行者123 更新时间:2023-11-28 02:13:45 25 4
gpt4 key购买 nike

我有一个从 .txt 文件读取内容并在表格中显示数据的网页。

当.txt文件为空时,我想修改某些元素的CSS属性,比如网页背景的颜色。

以下 jQuery 代码触发这些修改:

<script>
window.onload=function(){
if (theTextFileIsEmpty == true) {
// Modifications to CSS properties go here.

$('.button').prop('disabled', true);
$('.button').css('background-color', '#CBCBCB');
$('.button').css( 'cursor', 'not-allowed' );

var content = $('.EmptyFileHeader');
content.css('display', 'block');

var content = $('.mainHTMLbody');
content.css('background-color', '#000000');

var content = $('.mainHeader');
content.css('color', '#9C0000');

}
else {
// Then the text file is empty. Set the table's opacity to 100, so that it is visible:
$('table th').css('opacity', '100');
$('table td').css('opacity', '100');
$('table.layout').css('opacity', '100');
}
}
</script>

除一个问题外,这段代码工作完美。我不喜欢每次加载页面时预先修改的(即原始的)CSS 属性在它们消失之前短暂出现的方式。

这个问题出现在我尝试过的每个桌面浏览器中。由于某种原因,此问题在 iOS 上从未发生过。

例如:网页原来的背景色是灰色;上面的代码将其更改为黑色。该网页最初以灰色背景加载,然后“切换”到黑色背景。

这一切都在用户眼前完成。我希望看不到这些转变;我希望网页从一开始就显示最终的 CSS 属性。

我怎样才能做到这一点?

最佳答案

$(window).load 事件在整个内容加载完成后触发,例如页面包含图像、CSS 等。使用 $(document).ready 而不是 windows.load。如果您再次遇到问题,请尝试使用设置超时功能(将所有代码放入其中)并将时间设置为 0。

关于jquery - 通过 jQuery 更改 CSS 属性显示简短的视觉过渡,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/48603782/

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