search

be-fe / iSlider

Smooth mobile touch slider for Mobile WebApp, HTML5 App, Hybrid App
http://be-fe.github.io/iSlider/
MIT License
1.65k stars 449 forks source link

animateType: 'depth',时候遇到问题 #384

Open rancui opened 8 years ago

rancui commented 8 years ago

作者们，你们好，我们在做项目的时候，采用的是animateType: 'depth', 其中有一个卡片上有圆形百分比进度条，但当三个卡片转动一圈的时候，此时，原型进度条失效了。请大神答疑解惑。

xieyu33333 commented 8 years ago

因为内容是动态加载的，转一圈以后又重新初始化了。检查下你的content内容吧

shinate commented 8 years ago

可以使用onInitialize进行初始化callback，content中不要写script，否则会被多次执行，你可以写成单例或者加上初始化锁

shinate commented 8 years ago

还有种方法是content中使用选择器，内容里的逻辑在页面上单独处理，这种场景islider只会负责视图展现，逻辑不参与切换

rancui commented 8 years ago

你们说的我都尝试了，还是不行。就如xieyu333所说，转一圈后又初始化了，但是为什么初始化的时候会把动画部分给整没了。content里面没有写scrpit， 后来我又尝试使用一款圆形进度条插件radialIndicator.js配合islider一起使用，当卡片有4个时候，首次加载圆形进度条是存在的，但转动一圈后，之前卡片上的圆形进度条的就消失了。

xieyu33333 commented 8 years ago

要配置一下，onslidechange的时候执行$('#indicatorContainer').radialIndicator();