调整智能向导（js库）的内容

Question

我想以动态方式改变（步骤div）的高度，但它不会以我尝试过的任何方式工作。我需要这个因为我有一个表我用ajax插入数据并重新加载，这个表在datatable中。

我已经尝试在css中更改高度：height; auto;但它没有奏效，滚动条总是出现;这是我使用的库智能向导， https://github.com/mstratman/jQuery-Smart-Wizard

按照代码实例化smartwizar：

<script>
     $('#wizard').smartWizard({
      // Properties
        selected: 0,  // Selected Step, 0 = first step   
        keyNavigation: true, // Enable/Disable key navigation(left and right 
        keys are used if enabled)
        enableAllSteps: false,  // Enable/Disable all steps on first load
        transitionEffect: 'none', // Effect on navigation, 
      none/fade/slide/slideleft
        contentURL:null, // specifying content url enables ajax content loading
        contentURLData:null, // override ajax query parameters
        contentCache:true, // cache step contents, if false content is fetched 
      always from ajax url
        cycleSteps: false, // cycle step navigation
        enableFinishButton: false, // makes finish button enabled always
       hideButtonsOnDisabled: false, // when the previous/next/finish buttons are disabled, hide them instead
        errorSteps:[],    // array of step numbers to highlighting as error steps
        labelNext:'Continuar', // label for Next button
        labelPrevious:'Voltar', // label for Previous button
        labelFinish:'Finalizar',  // label for Finish button        
        noForwardJumping:false,
        ajaxType: 'POST',
    // Events
        onLeaveStep: leaveAStepCallback, // triggers when leaving a step
        onShowStep: null,  // triggers when showing a step
        onFinish: null,  // triggers when Finish button is clicked  
        buttonOrder: ['prev', 'next','finish']  // button order, to hide a button remove it from the list
       });
</script>

Answer 1

尝试找到像这样的课程

.form_wizard .stepContainer{
    overflow-x: hidden
}

删除此溢出，它不会显示滚动。

如果这解决了，请告诉我。否则你需要调整这个类的高度，因为智能向导会在应用函数时自动控制高度。

.smartWizard({})

已编辑： 但您可以在加载ajax时调用此$("#wizard").smartWizard("fixHeight");，以便调整新的高度。

感谢。

Answer 2

您是否曾经尝试在SmartWizard初始化中添加autoAdjustHeight: false？

发布here的链接。

Answer 3

因此，我决定在每次隐藏或取消隐藏元素时调整可见内容区域的高度：

$(".tab-content").height("100%");