JQUERY Wizard Step Plugin：如何动态调整每个Step的内容高度？答案

【问题标题】：JQUERY Wizard Step Plugin: How to dynamically adjust the height of the content for each Step?JQUERY Wizard Step Plugin：如何动态调整每个Step的内容高度？
【发布时间】：2015-05-23 13:59:29
【问题描述】：

我已经实现了How to set a dynamic height on content for each step? 的解决方案，效果很好。但是，当您在步骤中动态添加元素时，这不起作用。例如，通过按钮在表格中动态添加一行，高度不会自动调整。我正在考虑在单击按钮时动态调整高度。关于如何做到这一点的任何建议？

【问题讨论】：

要使用的 html 代码是什么？你有小提琴吗？您可以让按钮单击触发此函数中的事件/函数，您可以调用调整大小函数。或者直接点击按钮触发resize。
是的，但我的问题是我不知道向导步骤的调整大小功能是什么？我已经尝试过 .height() 但不起作用。示例代码 sn-p。 $("#btnAdd").click(function () { $(".wizard .content .body").height(500); });
如果你使用this example它没有类wizzardcontent或body，而是使用元素`headerTag: "h3", bodyTag: "fieldset"。如果您使用不同的代码，请提供html代码。

标签： javascript jquery html css jquery-steps

【解决方案1】：

如果你使用 this example 它没有类 wizard content 或 body 而是使用元素 headerTag: "h3", bodyTag: "fieldset", 所以你的例子就是

$("#btnAdd").click(function () { 
  $("#example-advanced-form h3>fieldset").height(500); 
});

【讨论】：

它不起作用。使用 .height() 只会在你进入下一步后生效，然后你会回到上一步。
@JoeRaynes 请编辑this fiddle 并点击保存，然后将链接放在这里以便我们从那里开始工作。
您好，感谢您的帮助。我已经编辑了小提琴。基本上，我在内容上添加了一个动态元素。我想自动调整高度。
@JoeRaynes 您需要点击保存并将网址粘贴到此处，以便我们可以从那里开始工作。

【解决方案2】：

在jquery.steps.css 文件中，
只需删除position: absolute。

.wizard > .content > .body
{
    float: left;
    /*position: absolute;*/ <== remove or comment this line
    width: 95%;
    height: 95%;
    padding: 2.5%;
}

【讨论】：