在幻灯片上滑动不会更新iOS设备上的分页活动状态

时间:2018-12-12 15:24:19

标签: android ios swiper

我们有一个http://idangero.us/swiper滑块,具有以下基本设置: 分页:{                     el:“。swiper-pagination”,                 }

在幻灯片上滑动不会更新分页活动状态。在Chrome上模拟触摸可以使用,但iOS的实际设备或仿真器会显示该错误。

1 个答案:

答案 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',
            },
        });