2017-09-21 1 views
0

Ich möchte die Höhe (der Schritt div) dynamisch ändern, aber es funktioniert nicht in irgendeiner Weise, die ich versuchte. Ich brauche das, weil ich eine Tabelle habe, die ich Daten mit ajax einfüge und es neu lade, diese Tabelle ist in datatable. I dont want that the scrollbar appearsGröße ändern von Smart-Wizard (JS-Bibliothek)

Ich habe bereits versucht, die Höhe in CSS ändern die Höhe: auto; aber es hat nicht funktioniert und die Bildlaufleiste erscheint immer; hier ist die Bibliothek Smartwizard Ich verwende, https://github.com/mstratman/jQuery-Smart-Wizard

den Code Beispiel die smartwizar Folgen:

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

Antwort

1

versucht es, die Klasse zu finden wie diese

.form_wizard .stepContainer{ 
    overflow-x: hidden 
} 

diesen Überlauf entfernen wird es nicht Scroll anzeigen.

lassen Sie mich wissen, wenn dies löst. Andernfalls müssen Sie die Höhe dieser Klasse anpassen, da der intelligente Assistent automatisch die Höhe steuert, wenn die Funktion angewendet wird.

.smartWizard({}) 

Edited: aber Sie können diese $("#wizard").smartWizard("fixHeight"); aufrufen, wenn Sie die Ajax geladen, so dass es neue Höhe einstellen.

Danke.

+0

Ich habe es bereits auf die gleiche Weise wie Sie festgelegt, aber ich habe das Überlauf-x: versteckt in HTML-Tag und es hat gut funktioniert, aber ich weiß, wenn diese Seite größer werden, so kann es nicht flexibel sein, weil die Höhe ist fixe, kein Problem, bis eine andere Lösung gefunden wurde, während Overflow-X: versteckt gearbeitet, danke – Luciano