智能向导不会加载第一步

Question

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

我已经把它包含在js-popup中，所以当我打开弹出窗口时它没有显示第一步。我需要转到第二步，然后回去看第一步

Answer 1

我遇到了同样的问题，我要做的就是下载smartWizard css，smart_wizard_all.ccs版本，并在文件的最后一行添加：

.tab-content {
    height: auto! Important;
}

我希望它对您有用。对不起我的英语，我正在使用Google翻译hahahaha， 问候

Answer 2

不完全是修复，但我找到了解决方法。看起来step-container初始化为高度为零。不知道为什么会这样，但我们可以在css文件中覆盖它。在用于设置＆＃34;智能表单＆＃34;样式的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 3

我通过＆＃34; onmouseenter＆＃34;逃避了这种情况。在看完show modal之后。

<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>

Answer 4

我遇到了与以前隐藏的元素相同的问题，当我显示该元素时，我遇到了同样的问题，所以我尝试了下面的代码及其对我的工作

`$('[name = elementName ]').show(1000, function() { 
     $("#wizard").smartWizard("currentRefresh");
});`

它实际上加载了第一个台阶，但是由于先前被隐藏，所以将其高度设置为零，但是在应用$("#wizard").smartWizard("currentRefresh");之后，它将刷新当前台阶并设置适当的高度。