Question

我在幻灯片内容中有一个带有按钮的下一个和上一个按钮，当我点击它时它没有动画它只是立即显示下一张幻灯片。刷卡工作正常。我在ios上的cordova应用程序中使用它。以下是幻灯片html代码的示例。

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

和javascript是

g_slider = new Swiper('.swiper-container',{
                              //Your options here:
                              mode:'horizontal'
                              //etc..
                              });
function prevPage() {
    g_slider.swipePrev();
}

Answer 1

问题是ontouchstart

如果我将其更改为onclick事件，则可以正常工作。

iDangerous swipeNext和swipePrev不动画

1 个答案: