Page is damaged during page loading process
I use jquery easyui to create a datagrid. Why when the page loaded always bring up the damaged page first, like the following picture:
After that (about 1 second) the display returns to normal page.
Can anyone explain about this?
Solution
Basically I think it is taking time to load either your CSS or your JS file. If its a problem with the CSS file, once the file has been loaded the styles get applied. If your JS file takes time to load then only after it has finished loading and is run does the plugin initialise your datagrid.
So it seems like basically a FOUC (Flash of unstyled content) problem.
You could try the solutions here and see if any solve your problem: Eliminate flash of unstyled content
- how to change onclick event with jquery?
- Unexpected token error
- Unexpected token ( in jquery
- Randomize url in meta tag with jQuery?
- jQuery DataTables: control table width
- jQuery binding to a form submit
- How to link a selectInput to a DataTable to update the table based on the selections?
- Can't hide items per page and pagination in datatable when less then number displayed
- Generic way to detect if html form is edited
- How to find the following HTML Element
- How to use inline JavaScript in HTML?
- How to disable scrolling temporarily?
- How to disable scroll without hiding it?
- Getting a list of all dates within a given date range in JavaScript
- moving a div when required
- Why am I getting undefined property when calling a javascript function from another javascript file?
- unique attribute values with jquery
- Get all values from column without duplicates in JavaScript / jQuery
- How can I use jQuery.load to replace a div including the div
- Defining a HTML template to append using jQuery
- How to make buttons that increment and decrement a value when clicked?
- How to stop scrolling of a div when it reaches on a specific div?
- Onchange open URL via select - jQuery
- Uncaught TypeError: 'append' called on an object that does not implement interface URLSearchParams
- Get week of the month
- Not able to trim displayed value in Dropdown
- TypeError: $(...).owlCarousel is not a function
- Load image when the slide is in the viewport slick.js
- How to style horizontal custom scrollbar for a single image?
- Show pause/play icons when hover/mouseenter over video