HTML5页面加载问题（使用jQuery + JS + HTML5）

Question

我的服务页面存在一些加载/显示问题。

我正在使用jQuery UI - 外部和内部选项卡的选项卡以及＆＃34; footable＆＃34;组件显示表记录。 jQuery标签＆amp; footable组件是用jQuery ready方法编写的。

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

出于某种原因，在UI定位良好之前显示页面，页面的布局效果很差，看起来非常不专业。

jQuery标签是否有问题，需要以其他方式初始化它们？ 欣赏任何想法......

示例：此处是页面在定位良好之前的样子

以下是该页面定位良好后的页面

Answer 1

在将jquery选项卡与其他表插件一起使用之前，请先解决此问题。

jQuery UI的选项卡有一个激活事件，当您单击选项卡时会触发该事件。您需要在其中调用footable的redraw（）方法。

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

Answer 2

我找到了解决方案，

在容纳标签的容器DIV中，我放置了一种显示样式：无 在jQuery ready函数结束时（在我准备选项卡之后），我打开它 用css显示块。