javascript - HTML5 Page Loading Issues (using jQuery + JS + HTML5) -

javascript - HTML5 Page Loading Issues (using jQuery + JS + HTML5) -

my service pages have loading/displaying issues.

i using jquery ui - tabs outer , inner tabs , "footable" component display table records. jquery tabs & footable component prepared in jquery ready method.

$(document).ready(function(){ $( "#tabs" ).tabs(); $( "#tests" ).tabs(); $('.footable').footable(); .... }

from reason page displayed before ui positioned , page has poor layout effects looks unprofessional.

is there problem jquery tabs requires initialize them in other way? appreciate idea...

example: here how page looks before positioned

here how page looks after positioned

ran problem before using jquery tabs other table plugins.

jquery ui's tabs have activate event fires when click tab. need phone call footable's redraw() method within that.

$('#tests').tabs({ activate: function( event, ui ) { $('.footable').data('footable').redraw(); } });

javascript jquery html5