减少最小高度＆＃39;在jquery-steps插件中

Question

我的HTML中的多个表单的“插件”插件。您可以从以下网址查看此插件的工作方式。

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

我需要的是，根据所有形式的插件，常见的'min-height'正在应用。但我想根据不同步骤的每种形式的字段数来控制表单的“最小高度”。任何人都可以帮助我解决这个问题。

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");
});

问题肯定会得到解决。