0
私はイメージギャラリーのためにスワイパーJSで働くwebappに取り組んでいます。 Phonegapを使わなければ正常に動作しますが、Phonegapを使って "スライド"エフェクトが正しく動作し、JSの前/次のボタンが表示されましたが、触れられません。不思議なことに、私のブラウザウィンドウ(Firefox)のサイズを変更した後に動作を開始します。何か案は?私のイメージを通じてスワイパーJS Phonegapの問題
ループとswiperラッパーにそれらを追加します:
<!-- Swiper -->
<div class="swiper-container">
<div id="swiper-wrapper" class="swiper-wrapper">
<div id="img0" class="swiper-slide"></div>
<div id="img1" class="swiper-slide"></div>
<div id="img2" class="swiper-slide"></div>
<div id="img3" class="swiper-slide"></div>
<div id="img4" class="swiper-slide"></div>
<div id="img5" class="swiper-slide"></div>
<div id="img6" class="swiper-slide"></div>
<div id="img7" class="swiper-slide"></div>
<div id="img8" class="swiper-slide"></div>
</div>
<!-- Add Arrows -->
<div class="swiper-button-next swiper-button-white"></div>
<div class="swiper-button-prev swiper-button-white"></div>
<!-- Add Pagination -->
<div class="swiper-pagination"></div>
</div>
<!-- Swiper JS -->
<script src="js/swiper.min.js"></script>
<!-- Initialize Swiper -->
<script>
var swiper = new Swiper('.swiper-container', {
pagination: '.swiper-pagination',
paginationClickable: true,
nextButton: '.swiper-button-next',
prevButton: '.swiper-button-prev',
spaceBetween: 30
});
</script>
画像はDOM