查看: 2750|回复: 2
打印 上一主题 下一主题

使用angularJS动态添加数据后,在移动端只显示第一张

[复制链接]

该用户从未签到

1

主题

1

帖子

13

积分

新手上路

Rank: 1

积分
13
跳转到指定楼层
楼主
发表于 2016-4-24 23:16:44 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式
本帖最后由 暴躁的兔子 于 2016-4-24 23:46 编辑

使用angularJS动态添加数据后
PC我在chrome浏览器上正常显示
在android上,只显示一张图片,无法滑动切换,(自带浏览器正常,微信、UC浏览器都只显示一张图片)


$(function() {
                var mySwiper = new Swiper('.swiper-container', {
                        pagination : '.swiper-pagination',
                        observer : true,
                        observePare : true
                });
        })();

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

使用道具 举报

该用户从未签到

1

主题

6

帖子

36

积分

新手上路

Rank: 1

积分
36
沙发
发表于 2016-5-26 17:33:47 | 只看该作者
请问一下   我使用angularjs和swiper  但是动态加载图片都没有weiper的效果  就是平铺的图片  请问一下你是怎么做的
回复 支持 反对

使用道具 举报

该用户从未签到

0

主题

2

帖子

5

积分

新手上路

Rank: 1

积分
5
板凳
发表于 2017-11-21 15:10:58 | 只看该作者
要写在视图模板加载之后
  1. $scope.$on('$viewContentLoaded', function() {
  2.                         var issueImgSwiper = new Swiper('.swiper-container', {
  3.                                
  4.                                 initialSlide: $scope.activeIndex,
  5.                                 speed: 500,
  6.                                
  7.                                 lazyLoading: true, // 开启图片懒加载
  8.                                 lazyLoadingOnTransitionStart : true, // 当transition开始时就开始加载
  9.                                 lazyLoadingInPrevNext: true, // 懒加载前后图片
  10.                                
  11.                                 zoom: true,
  12.                                
  13.                                 observer:true,
  14.                                 observeParents:true,
  15.                                
  16.                                 pagination: '.swiper-pagination',
  17.                                
  18.                         });
  19.                 });
复制代码
回复 支持 反对

使用道具 举报

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

本版积分规则

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

GMT+8, 2024-11-24 07:00 , Processed in 0.165847 second(s), 27 queries .

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

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