0
슬라이드 내용 안에 다음 및 이전 버튼이있는 스 와이프가 있는데이를 클릭하면 애니메이션이 적용되지 않고 바로 다음 슬라이드가 표시됩니다. 스 와이프가 정상적으로 작동합니다. 나는 ios에 cordova 응용 프로그램에서 그것을 사용하고 있습니다. 다음은 슬라이드 HTML 코드의 예입니다. 나는 그것이 잘 작동하는 onclick 이벤트로 변경하는 경우iDangerous swipeNext 및 swipePrev가 애니메이션을 적용하지 않습니다.
<div id="slide2" class="swiper-slide" style=" background-image:url('img/backgrounds/jungle-home.png');
background-position:50% 50%;
background-size:cover; position:relative;">
<!--************************
****************************
Slide 2 - games 10-18
****************************
*************************-->
<div class="container-fluid" style=" display:; width:100%; height:100%; position: absolute; top: 0px; left: 0px; ">
<div style="z-index: 0; width:100%; height:100%; position: absolute; top: 0px; left: 0px;">
<div class="nav-arrow-left"><img src="img/ui/arrow-left.svg" ontouchstart="playTapSound(); prevPage(); return false;"></div>
<div class="nav-arrow-right"><img src="img/ui/arrow-right.svg" ontouchstart="playTapSound(); nextPage(); return false;"></div>
와 자바 스크립트가
g_slider = new Swiper('.swiper-container',{
//Your options here:
mode:'horizontal'
//etc..
});
function prevPage() {
g_slider.swipePrev();
}