Проблемы с загрузкой страницы HTML5 (с использованием jQuery + JS + HTML5)

Question

На моих страницах обслуживания есть некоторые проблемы с загрузкой/отображением.

Я использую jQuery UI - вкладки для внешних и внутренних вкладок и «базового» компонента для отображения записей таблицы. Вкладки jQuery & Подходящий компонент подготовлен в виде jQuery.

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

С какой-то причине отображается страница до UI хорошо позиционированы и страница имеет некоторые плохие эффекты макет, который выглядит очень непрофессионально.

Есть ли проблема с вкладками jQuery, которые требуют инициализации их другим способом? Цените любую идею ...

Пример: вот как выглядит страница, прежде чем он хорошо позиционируется

вот как выглядит страница после того, как он хорошо позиционируется

Answer 1

Устранение этой проблемы перед использованием j вкладки запросов с другими плагинами таблиц.

Вкладки jQuery UI имеют событие активации, которое срабатывает при нажатии вкладки. Вам нужно будет вызвать метод перерисовывания footable() в нем.

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

Answer 2

Я нашел решение,

В контейнере DIV который содержит вкладки я помещаю стиль показа: Нет И в конце готовой функции JQuery (после того, как я готовлю вкладку) I включите его на с блоком отображения css.