查看: 2019|回复: 1
打印 上一主题 下一主题

AJAX 后例化Swiper,手机端的大部分浏览器不能正常显示数据。

[复制链接]

该用户从未签到

1

主题

3

帖子

12

积分

新手上路

Rank: 1

积分
12
跳转到指定楼层
楼主
发表于 2017-6-29 20:02:47 | 只看该作者 |只看大图 回帖奖励 |倒序浏览 |阅读模式
在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);
                    }
                })





分享到:  QQ好友和群QQ好友和群 QQ空间QQ空间 腾讯微博腾讯微博 腾讯朋友腾讯朋友
收藏收藏 分享分享 分享淘帖
回复

使用道具 举报

  • TA的每日心情
    擦汗
    2017-5-15 16:44
  • 签到天数: 1 天

    [LV.1]初来乍到

    1

    主题

    7

    帖子

    60

    积分

    注册会员

    Rank: 2

    积分
    60
    沙发
    发表于 2017-6-30 17:25:20 | 只看该作者
    本帖最后由 xiedandan.com 于 2017-6-30 17:29 编辑

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

    回复 支持 反对

    使用道具 举报

    您需要登录后才可以回帖 登录 | 立即注册

    本版积分规则

    Archiver|手机版|小黑屋|Swiper中文网 ( 粤ICP备15001020号

    GMT+8, 2024-11-28 04:19 , Processed in 0.058098 second(s), 29 queries .

    Powered by Discuz! X3.2

    © 2001-2013 Comsenz Inc.

    快速回复 返回顶部 返回列表