Criando abas js com conteúdo dinâmico - javascript, jquery, abas

Preciso de ajuda sobre as guias.

Estamos construindo um portal de intranet para nossos clientes, onde eles poderão criar cartões de visita e muito mais. Mas nós paramos por causa de problemas com abas.

Precisamos ter um processo de aproximadamente 1-4 etapas nas guias. 1 passo é selecionar um modelo de cartão de visita. Quando o modelo é escolhido, o próximo passo seria preenchê-lo.

No entanto, cada modelo tem diferentes tipos de campos de entrada, o que aumenta a altura da variável da guia do passo 2.

Nós tentamos usar as guias da interface do usuário do Jquery, mas apenas a primeira etapa está funcionando, já que a próxima etapa em alguns modelos será cortada devido à altura.

Qual é a melhor maneira de contornar este problema?

Respostas:

Eu usei muitas abas do JQuery, e nunca vi issoproblema. AFAIK, não há nada sobre as guias em si que restringe o conteúdo que pode ser colocado dentro delas. Eu tentaria remover toda a lógica, html, js adicionais etc de suas guias e tornar o conteúdo simples (uma série de divs com uma altura fixa, por exemplo). Acho que você verá que as guias simplesmente se abrem para a altura total do conteúdo. Em seguida, comece a adicionar seu código de volta até encontrar o que é que restringe a altura de suas guias. BTW, eu não acho que faz alguma diferença se eles são estaticamente criados ou carregados via ajax ou ...

Você também não pode escrever algum código como height() consertar a coisa jquery ui? Eu acho que o jquery ui é a melhor escolha.