Home/ Questions/Q 759341
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-14T15:35:03+00:00

I have a jquery function that is called on $(document).ready that modifies the css

  • 0

I have a jquery function that is called on $(document).ready that modifies the css of a Business Intelligence dashboard. I had to use jquery to make the adjustments because I do not have access to the source code of the BI tool. What happens is when the page loads, I run through the tab navigation and change the colors of the tabs based on certain requirements (which is basically dependent on the text of the tab). The issue I am facing is that there is a small lag time from when the page initially loads to when the jquery updates have been made to the page. Is there a way to reduce this lag time?

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Similar to Eric’s answer, I would hide the part of your page that shows the BI tool, or the whole body if you like (perhaps replaced with a ‘Loading…’ type message) Then, as the last line of your $(document).ready() code make the container visible again and remove the ‘Loading…’ message.

    Here’s a what I’m thinking: 

    <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>

    • 0