HTML5页面加载问题(使用jQuery + JS + HTML5)

Question

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

我使用jQuery UI - Tabs作为外部和内部选项卡，并使用"footable“组件来显示表记录。jQuery标签和页脚组件是用jQuery就绪方法编写的。

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

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

jQuery选项卡是否存在问题，需要以其他方式初始化它们？感谢任何想法..。

示例:下面是页面在正确定位之前的外观

​

​

这里是页面如何处理它的位置很好的

​

​

Answer 1

在使用jquery选项卡和其他表插件之前，遇到了这个问题。

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

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

Answer 2

我找到了解决办法

在容纳选项卡的容器DIV中，我放置一种显示样式:none，在jQuery就绪函数的末尾(在我准备了选项卡之后)，我用一个css显示块打开它。