Tenho um aplicativo da web com um número dinâmico de guias que varia entre 2 e 20.

Atualmente, estou usando o plug-in de guias da interface do usuário do Jquery, mas descobrir que seu comportamento é menor que o ideal (por exemplo, em torno de 12 guias, quando ele se fecha, a segunda linha de guias se move com a seleção de guias e às vezes pula por 3 linhas em vez de duas.

Esta é uma pergunta dupla, primeiro, alguém tem alguma idéia de como eu poderia parar a segunda linha de guias pulando quando a seleção mud

Alternativamente, alguém conhece um plug-in de guias para jQuery que lida bem com várias linhas de guias (se eu não encontrar uma resolução, posso acabar usando ExtJS ou algo semelhante, mas estava tentando manter esse aplicativo bastante leve).

Respond

Após uma investigação mais aprofundada, isso foi causado pelo tema da interface do usuário do Jquery que eu estava usando, este foi o estilo problemático:

.ui-tabs .ui-tabs-nav li.ui-tabs-selected {  padding-bottom: .1em; border-bottom: 0; }

Acabei de remover o padding-bottom: .1em e resolver o problema (a pista era que a segunda linha de elementos estava se movendo junto com a alteração da seleção