スマートウィザードが最初の手順を読み込まない

Question

スマートウィザードhttps://github.com/mstratman/jQuery-Smart-Wizardを使用しています。

私はjs-popupに含めました。ポップアップを開くと、最初のステップは表示されません。私は2番目のステップに進み、その後、最初のステップ

Answer 1

ない正確に修正を見に戻って必要がありますが、私は、回避策を見つけました。ステップコンテナが高さゼロで初期化されるように見えます。なぜこのようなことが起こるのか分かりませんが、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

私はcall 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>