我们有一个http://idangero.us/swiper滑块,具有以下基本设置: 分页:{ el:“。swiper-pagination”, }
在幻灯片上滑动不会更新分页活动状态。在Chrome上模拟触摸可以使用,但iOS的实际设备或仿真器会显示该错误。
答案 0 :(得分:0)
<div class="scroll-wrap swiper-container">
<div class="scroll-container swiper-wrapper" id="scroll-5">
{% for offer in sections['salebc'].offers %}
<div class="scroll-item swiper-slide" data-toggle="modal" data-target="#rentTcModal">
<img src="{{ asset('/uploads/thumbs/') }}{{ offer.picture }}" alt="">
<div class="scroll-content">
<h5>{{ offer.subtitle }}<br>
<strong>{{ offer.title }}</strong></h5>
<p>{{ offer.info }}</p>
</div>
<div class="scroll-info">
<p class="mb-0 pb-0"><span>Адрес:</span> {{ offer.adres }}</p>
<p class="my-0"><span>Площадь:</span> {{ offer.square }} кв.м.</p>
</div>
</div>
{% endfor %}
</div>
<div class="swiper-pagination d-block d-md-none"></div>
</div>
let swiper = new Swiper('.swiper-container', {
pagination: {
el: '.swiper-pagination',
},
});