jqueryhtmlcssjquery-easyui
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 make form with two buttons submit a different value for each button?
- Scroll to target horizontally with jQuery
- Find the "potential" width of a hidden element
- Prevent focus on specific elements jQuery
- Dashed border animation in css3 animation
- First and last sortable items don't consistently move out of the way in jQuery UI Sortable
- Selecting text in an element (akin to highlighting with your mouse)
- Revolution slider and strange symbol instead of arrows
- Explain the jquery code, especially the toggleClass function
- JSON syntax error: 'unexpected number' or 'JSON.parse: expected ',' or '}' after property value in object'
- How to get the number of elements in a JSON array?
- Detecting Browser Autofill
- Dynamically adding cases to a switch
- How to expand 'select' option width after the user wants to select an option?
- disabling arrow keys in javascript while using onKeyUp
- Auto resizing the SELECT element according to selected OPTION's width
- Convert input language while typing in
- how to show a div when click on a anchor tag
- Get the ready event after appending HTML code
- How to select a checkbox using an attribute value? (jquery)
- How can I generate the opposite color according to current color?
- How to add class to td only if text in that td and other td are present
- Drupal 6: replace jquery version on single page
- Import an Excel file using AJAX and Laravel
- get title from JSON
- Specifiy the order of the validators in jQuery validate plugin
- How do I synchronize the scroll position of two divs?
- Save data through ajax jQuery post with form submit
- Limit to jQuery id strings?
- SecurityError: Blocked attempt to use history.replaceState() to change session history URL