2014-05-22 57 views
1

用於我的HTML中多個表單的步驟插件。你可以從下面的URL檢查這個插件的工作方式。減少jquery-steps插件中的'min-height'

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

我就是這裏需要的,按照該插件的所有常見的「最小高度」的形式是越來越應用。但我想根據不同步驟的每個單獨形式的字段數來控制表格的「最小高度」。有人能幫我解決這個問題嗎?

+0

我們得到一個名爲'jquery.steps.js'的插件的js文件。我所理解的是'最小高度'只能通過這個JS文件來控制。但是我沒有那麼深入的Javascript知識。 – krb

+0

有人可以幫我解決這個問題嗎...... – krb

回答

10

對於上述問題,以下是解決方案。

在jquery.steps.css

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

爲以下類別中刪除height屬性在 - 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"); 
}); 

這個問題肯定會解決。

+0

我有同樣的問題。上面的作品,但我不得不刪除:.wizard> .content {最小高度:35em; } 它工作。 – Strabek

+0

我也必須刪除.wizard> .content> .body {position:absolute} css – ksg

+0

驗證錯誤時如何?我得到的最後一個字段沒有顯示,導致顯示錯誤信息時高度不會自動調整。 – fanjavaid