>  Q&A  >  본문

javascript - swiper.js swiper-slide의 콘텐츠 높이에 따라 swiper-wrapper의 높이를 동적으로 설정하는 방법

으아아아

지금은 이렇게 쓰여 있는데 첫 번째 전환 이후에만 작동하고 래퍼 높이 설정이 작동하지 않습니다.
근데 처음 두 문장을 쓰지 않고 activeHeight를 출력하는 경우에도 문제가 있습니다. 왼쪽으로 밀어야만 값을 표시할 수 있습니다. 그렇지 않으면 0

입니다.

다음과 같은 activeHeight를 작성하는 한 출력은 변경되지 않습니다.
어떻게 달성하나요? 로딩 순서 때문인가요?
조언 좀 부탁드립니다

지금 동적으로 변경하지 않으면 swiper-wrapper의 높이가 항상 부적절하게 됩니다. 슬라이딩할 때 하단에 큰 공백이 생기는 경우가 많습니다

으아아아

슬라이딩할 때 데이터가 비동기적으로 오기 때문에 데이터가 나타나지 않는 것으로 알고 있습니다. 데이터가 없으면 높이를 빼서 0이 됩니다. 데이터를 로드하면 외부 컨테이너의 높이 때문에 표시할 수 없습니다.
브라우저에 중단점 시퀀스를 추가하면 실행 후 나오는 데이터에서도 이를 확인할 수 있습니다
그런데 어떻게 해결해야 할지 모르겠습니다><

淡淡烟草味淡淡烟草味2711일 전1403

모든 응답(1)나는 대답할 것이다

  • 黄舟

    黄舟2017-05-19 10:47:57

    $(".swiper-container").height(activeHight)를 사용하세요

    비동기적으로 데이터를 가져온 다음 스와이프 컨테이너의 높이를 변경하세요

    으아악

    회신하다
    0
  • 취소회신하다