Question

我有一个在$（document）.ready上调用的jquery函数，用于修改商业智能仪表板的css。我不得不使用jquery进行调整，因为我无法访问BI工具的源代码。当页面加载时，我会运行选项卡导航并根据特定要求更改选项卡的颜色（这基本上取决于选项卡的文本）。我面临的问题是，从页面初始加载到对页面进行jquery更新的时间有一个小的延迟时间。有没有办法减少这个滞后时间？

Answer 1

您可以通过隐藏包含div，应用CSS更改，然后通过艺术方式淡化已修改的信息中心div来使转换更整洁。

Answer 2

与Eric的答案类似，我会隐藏显示BI工具的页面部分，或者如果你愿意，可以隐藏整个身体（可能用'Loading ...'类型的消息替换）然后，作为最后一行你的$（document）.ready（）代码使容器再次可见并删除'Loading ...'消息。

这是我在想的：

<html>
<body>
<div id='BIContainer' style='display:none;'>
 <!-- BI TOOL OUTPUT GOES HERE -->
</div>

<!-- I'm assuming jQuery has already been loaded -->
<script>
    $(document).ready(function() {
        // Your code to change the tab styles
        $('#BIContainer').show();
    });
</script>

</body>

Answer 3

我假设您使用.css()来修改您的风格？在一个单独的CSS文件中创建自定义类，然后只需addClass()它就会更快。如果你不能这样，我建议你使用Eric的解决方案。

如何减少使用jquery修改css onload时的延迟时间

3 个答案: