2017-12-09 35 views
0

나는 스와이퍼와 함께 framwork7을 사용하여 스 와이프 할 수있는 탭을 가지고 있습니다.이 클래스는 탭 스 와이프 할 수있는 랩으로 제공됩니다.tab-swipeable-wrap을 수동으로 초기화하는 방법

그러나 동적 슬라이드를 만들어야 내가 지금까지 시도한 것은 append 및 appendSlide입니다. 내가 가지고있는 가장 좋은 결과는 스 와이퍼 블 슬라이드이지만 첫 번째 슬라이드로 돌아갈 때 두 번째 슬라이드 이상을 사용할 수 없습니다.

나는 전화를했습니다. update(); 또한 탭을 사용하거나 사용하지 않는 스 와이프 가능한 랩 클래스

스 와이프를 제외한 모든 기능이 작동합니다.

탭 스 와이프 가능 포장을 수동으로 호출하는 방법이 있습니까?

+0

업데이트 : 구현하기위한 시도 중 하나를 복제하기 위해 JSFiddle을 만들었습니다. http://jsfiddle.net/wztgb8e5/5/ – et3rnal

답변

0

좋아요, 그래서 해결책을 찾았습니다. 간단합니다. var mySwiper = document.querySelector('.swiper-container').swiper 그래서 무효화 된 swiper를 사용하고 update(); 다시 첨부하지 않고 추가 한 후

http://jsfiddle.net/wztgb8e5/6/

0

스크립트에 문제가 있습니다. id가 tab0, tab1, tab2 인 swiper slider를 추가 할 때 tab1, tab2, tab3에 연결된 id를 가진 tabbar가 있습니다. 이것은 클릭 할 때마다 반복됩니다. 그래서 거기에 일치하는 tabbar href 및 탭 ids 있습니다. 당신이 그것을 바로 잡으면. 다음 잘 작동합니다. 나는 바이올린에 대한 약간의 업데이트도 확인했다.

+0

감사합니다. 나는 jsdiffle에있는 것이 아니라 내 코드에서 처리했다. :) – et3rnal