jquery - 减少 jquery-steps 插件中的 'min-height'

Question

关闭。这个问题需要多问 focused 。目前不接受答案。

---

想要改进此问题吗？更新问题，使其仅关注一个问题 editing this post .

已关闭 9 年前。

Improve this question

适用于 HTML 中多种表单的 Steps 插件。您可以通过以下 URL 查看该插件的工作原理。

http://www.jquery-steps.com/Examples

我在这里需要的是，根据所有表单的插件，通用“最小高度”正在被应用。但我想根据不同步骤的每个单独表单中的字段数量来控制表单的“最小高度”。任何人都可以帮我解决这个问题吗？

Answer 1

针对上述问题，解决方案如下。

删除 jquery.steps.css 中以下类的 height 属性

.wizard > .content > .body{height:95%;}

在-jquery.steps.js中搜索

stepTitles.eq(state.currentIndex)
  .addClass("current").next(".body").addClass("current");

应该在第 844 行左右。紧接着，添加:

stepTitles.eq(state.currentIndex).next(".body")
    .each(function () {
    var bodyHeight = $(this).height();
    var padding = $(this).innerHeight() - bodyHeight;
    bodyHeight += padding;
    $(this).after('<div class="' + options.clearFixCssClass + '"></div>');
    $(this).parent().animate({ height: bodyHeight }, "slow");
});

问题一定会得到解决。