0

我在幻灯片内容中有一个带有下一个和上一个按钮的滑动器,当我单击它时,它不会动画它只是立即显示下一张幻灯片。滑动工作正常。我在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();
}
4

1 回答 1

0

问题是ontouchstart

如果我将其更改为 onclick 事件,它工作正常。

于 2014-09-10T14:20:11.043 回答