智能嚮導不加載第一步

Question

所以我使用智能嚮導https://github.com/mstratman/jQuery-Smart-Wizard。

我已經將它包含在js-popup中，所以當我打開彈出窗口時它不顯示第一步。我需要去第二步再回去看看第一步

Answer 1

不完全修復，但我找到了一個解決方法。看起來像step-container初始化零高度。不知道爲什麼會發生這種情況，但我們可以在css文件中覆蓋它。在您用來設置「智能表單」樣式的css文件中，查找名爲stepContainer的類。

.form_wizard .stepContainer { 
    display: block; 
    min-height:500px; // Add this line with your minimum height 
    position: relative; 
    margin: 0; 
    padding: 0; 
    border: 0 solid #CCC; 
    overflow-x: hidden; } 

這應該解決您的問題，直到有人能夠解釋爲什麼它首先發生。

Answer 2

我呼叫show modal後通過「onmouseenter」逃避了這種情況。

<div id="modal" onmouseenter="call_wizard()"> 
    <div id="wizard" class="form_wizard wizard_horizontal"> 
     <!-- step 1,2,3,4 --> 
    </div> 
</div> 
<!--$('#modal').modal('show');--> 
<script>function call_wizard(){$('#wizard').smartWizard();}</script>