스마트 마법사 (js 라이브러리)의 콘텐츠 크기 조정

dinamically 높이 (단계 div)를 변경하고 싶지만 어떤 방식 으로든 시도하지 않았습니다. 내가 아약스와 함께 데이터를 삽입하고 테이블을 다시로드하기 때문에이 테이블이 필요하다.이 테이블은 데이터 테이블에있다. 스마트 마법사 (js 라이브러리)의 콘텐츠 크기 조정

나는 이미 높이를 넣는 CSS에서 높이를 변경하려고 시도했다. 자동; 하지만 작동하지 않고 스크롤바가 항상 나타납니다. 그것은하지 않습니다이 오버 플로우를 제거하려면이

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

출처

2017-09-21 Luciano

시도 : 여기 내가 사용 smartwizard 도서관, https://github.com/mstratman/jQuery-Smart-Wizard

이 인스턴스에 smartwizar을 코드에 따라입니다 쇼 스크롤.

이 문제가 해결되는지 알려주세요. 스마트 마법사는 함수가 적용될 때 자동으로 높이를 제어하기 때문에이 클래스의 높이를 조정해야합니다.

.smartWizard({})

편집 :하지만 새로운 높이를 조정 있도록 아약스를로드 할 때이 $("#wizard").smartWizard("fixHeight");를 호출 할 수 있습니다.

감사합니다.

출처

2017-09-22 15:41:16

나는 이미 mencioned과 같은 방식으로이 문제를 해결했지만, html 태그에 overflow-x : hidden을 넣어두면 효과적이지만,이 페이지가 더 커지면 높이가 유연하기 때문에 유연하지 않습니다. fixe, 해결할 다른 방법을 찾을 때까지 아무런 문제가 없었습니다. overflow-x : 숨김, 감사합니다. – Luciano

스마트 마법사 (js 라이브러리)의 콘텐츠 크기 조정

답변

관련 문제