be-fe / iSlider

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

dot不显示 #417

Closed liu2080019 closed 7 years ago

liu2080019 commented 7 years ago

const loadSlider = () => { const iSlider = (window as any).iSlider; this.slider = new iSlider({ isAutoplay: 1, isLooping: 1, isOverspread: 1, animateTime: 800, dom: this.slideRef, data: this._getDataSource(), plugins: [['dot', { background: 'rgba(0,0,0,0)' }]], }); } if (!(window as any).iSlider) { const p1 = this.loaderJs('http://xxxxxxx/js/iSlider/iSlider.js') const p2 = this.loaderJs('http://xxxxxxx/js/iSlider/iSlider.animate.js') const p3 = this.loaderCss('http://xxxxxxx/js/iSlider/iSlider.css') const p4 = this.loaderJs('http://xxxxxxx/js/iSlider/iSlider.plugin.dot.js') Promise.all([p1, p2, p3, p4]).then(() => { loadSlider() }) } else { loadSlider() }

如图,异步加载了需要的js,初始化,导航的点点dot就是不显示呢?(静态资源地址没问题)

shinate commented 7 years ago

renderDots() 做的渲染,locate()确认添加的位置,看一下dom里面有没有增加。 参数里面的背景色已经取消掉了,改为自行定义css样式。 目前支持的参数为 {locate:dot欲添加到的位置}(默认为与islider.dom同级)

很可能是因为添加到同级容器里绝对定位了所以看不到

fishenal commented 7 years ago

dot的位置很诡异,locate这个参数也找不到文档。。。。位置是dom元素