2017-09-21 8 views
0

dinamicallyの高さを変更したいのですが、私が試した方法ではうまくいきません。私はテーブルを持っているので、これが必要です。私はajaxでデータを挿入してリロードします。このテーブルはデータテーブルにあります。 I dont want that the scrollbar appearssmart-wizard(jsライブラリ)のコンテンツのサイズを変更

すでに高さを入れてCSSの高さを変更しようとしました:auto;スクロールバーは常に表示されます。それはないだろう、このオーバーフローを削除この

.form_wizard .stepContainer{ 
    overflow-x: hidden 
} 

のようにそこにクラスを見つけることが

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

答えて

1

試してみてください。ここで私が使用smartwizardライブラリ、 https://github.com/mstratman/jQuery-Smart-Wizard

は、インスタンスにsmartwizarをコードに従っていますショーのスクロール。

これが解決すれば教えてください。それ以外の場合、このクラスの高さを調整する必要があります。これは、スマートウィザードが関数の適用時に最初に高さを自動的に制御するためです。

.smartWizard({}) 

編集:が、それは新しい高さを調整するようにあなたは、AJAXをロードしたとき、あなたはこの$("#wizard").smartWizard("fixHeight");を呼び出すことができます。

ありがとうございました。

+0

私はこれをあなたと同様の方法で修正しましたが、htmlタグにoverflow-x:hiddenを入れました。うまくいきましたが、このページがもっと大きくなるので、高さがfixe、解決する別の方法を見つけ出すまで、問題はないoverflow-x:for hidden、thankありがとう – Luciano

関連する問題