Question

标记：

<ol>
     <li>
           <div class="swiper-container">
                <div class="swiper-wrapper">
                    <div class="swiper-slide">
                        <img class="listitempage" data-url="" src=""/>
                    </div>
                     <div class="pagination"></div>
                </div>
            </div>
        </li>
    </ol>

Slider脚本

<script>
        var mySwiper = new Swiper('.swiper-container', {
            pagination: '.pagination',
            paginationClickable: true,
            mode: 'vertical'
        });

图像是一个接一个地动态加载的。我想刷那些图像。但无法这样做。请帮忙。

Answer 1

首先，请确保正确调用相关的插件文件（.js和.css）（取自Swiper plugin documentation）：

<head>
    <!-- other stuff here -->
    <link rel="stylesheet" href="path_to_css/idangerous.swiper.css">
    <script defer src="path_to_js/idangerous.swiper-2.x.min.js"></script>
    <!-- other stuff here -->
</head>

如果没有问题且您的代码确实是您发布的内容，那么您可能看不到它的效果，因为您实际上没有添加任何内容进行滑动。

我在这里尝试了它，它在iPhone 4S和三星Galaxy S3（都使用Chrome）上完美适合我，请在此处试试： DEMO 。< / p>

在动态内容上使用idangerous.swiper.js

1 个答案: