Swiper中文论坛

标题: AJAX 后例化Swiper，手机端的大部分浏览器不能正常显示数据。 [打印本页]

---

作者: heyinhuan    时间: 2017-6-29 20:02
标题: AJAX 后例化Swiper，手机端的大部分浏览器不能正常显示数据。
在PC端主流浏览器显示正常，Android原生浏览器和Android微信，QQ可以。苹果系统以及其他浏览器无法正常显示数据。

后来研究了好久才发现是 swiper-3.4.2.min.css   这个的问题，注释掉这行就能正常显示数据到界面，但是滑动效果及排版都乱完，

现求解决方案

贴代码
<script src="/utils/vue.min.js" charset="UTF-8"></script>
    <script  src="/utils/jquery-3.2.1.min.js" charset="UTF-8"></script>
    <!-- Link Swiper's CSS -->
    <link rel="stylesheet" href="/utils/swiper-3.4.2.min.css">

    <!-- Swiper JS -->
    <script src="/utils/swiper.min.js"></script>






$.ajax({
                    type: 'GET',
                    url: 'http://api.douban.com/v2/movie/in_theaters',
                    data: {
                        start: '0', count: "7"
                    },
                    dataType: 'jsonp',
                    async: false,
                    success: function (res) {
                        in_theaters = res.subjects;
                        var app_in_theaters = new Vue({
                            el: '#app_in_theaters',
                            data: { in_theaters: in_theaters }
                        });
                        var swiper = new Swiper('.swiper-container', {
                            scrollbar: '.swiper-scrollbar',
                            scrollbarHide: true,
                            slidesPerView: 'auto',
                            centeredSlides: false,
                            spaceBetween: 6,
                            grabCursor: false,
                        });
                    },
                    error: function (e) {
                        alert(e.statusText);
                    }
                })

---

作者: xiedandan.com    时间: 2017-6-30 17:25


写在success里面吧
插入图片后的后面

---

欢迎光临 Swiper中文论坛 (http://bbs.swiper.com.cn/)

Powered by Discuz! X3.2