JQUERY嚮導步驟插件：如何動態調整每個步驟的內容高度？

我已經實施了從How to set a dynamic height on content for each step?的解決方案，它工作得很好。但是，當您在步驟中動態添加元素時，這不起作用。例如，通過按鈕動態添加表格中的一行，高度不會自動調整。我正在考慮點擊按鈕時動態調整高度。有關如何做到這一點的任何建議？JQUERY嚮導步驟插件：如何動態調整每個步驟的內容高度？

來源

2015-05-23 Joe Raynes

什麼是使用的html代碼？你有小提琴嗎？你可以讓按鈕點擊觸發一個事件/函數，在這個函數中你可以調用調整函數。或者點擊按鈕直接觸發調整大小。 –

是的，但我的問題是我不知道什麼是嚮導步驟調整大小功能？我已經嘗試過.height（）但不起作用。示例代碼片段。（「＃btnAdd」）。click（function（）{（「。wizard .content .body」）。height（500）; }）; –

如果你使用[這個例子]（http://jquery-steps.com/Examples#advanced-form）它沒有類'wizzard'內容或'body'，而是使用元素'headerTag：「h3」， bodyTag：「fieldset」。如果您使用不同的代碼，請提供html代碼。 –

如果使用this example它沒有類wizardcontent或body而是使用元素headerTag: "h3", bodyTag: "fieldset",所以你的例子則是

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

來源

2015-05-24 08:06:04

它不起作用。使用.height（）將在您進入下一步後纔會生效，然後您將返回到上一步。 –

@JoeRaynes請編輯[這個小提琴]（http://jsfiddle.net/t83L4xpd/）並點擊保存，然後把鏈接放在這裏，這樣我們就可以從那裏開始工作。 –

嗨，感謝您的幫助。我已經編輯了小提琴。基本上，即時添加一個動態元素的內容。我想自動調整高度。 –

在jquery.steps.css文件，
只是刪除position: absolute。

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

來源

2017-11-06 10:37:50 Pars

JQUERY嚮導步驟插件：如何動態調整每個步驟的內容高度？

回答

相關問題