创建具有动态内容的js选项卡

Question

我需要一些关于标签的帮助。

我们正在为我们的客户建立一个内部网门户，在那里他们将能够创建名片等。但由于选项卡的问题，我们已经停了下来。

我们需要在标签中有大约1-4个步骤的过程。第一步是选择名片模板。选择好模板后，下一步就是填写它。

但是，每个模板都有不同类型的输入字段，这使得Step2选项卡的高度可变。

我们已经尝试使用Jquery UI中的选项卡，但只有第一步有效，因为由于高度的原因，一些模板上的下一步将被切断。

解决这个问题的最好方法是什么？

Answer 1

难道你不能写一些像height()这样的代码来修复jquery ui吗？我认为jquery ui是最好的选择。

Answer 2

我用过很多JQuery标签，从来没见过这个问题。AFAIK，选项卡本身并没有限制可以放入其中的内容。我会试着从你的标签页中移除所有的逻辑，html，额外的js等等，并且让内容变得简单(例如，一系列固定高度的div)。我想你会看到，标签只是简单地打开到其内容的完整高度。然后开始重新添加代码，直到找到限制选项卡高度的任何东西。顺便说一句，我不认为标签是静态创建的还是通过ajax加载的……