JS通过push方法动态添加swiper组件的slider

JavaScript048

JS通过push方法动态添加swiper组件的slider,第1张

由于项目是从基于谷歌浏览器改版成基于IE浏览器,所以项目中基本上是以jQuery来控制DOM,其中遇到了使用数组的push和jQuery的html方法来动态生成页面(主要是一个个运单),页面中引用了swiper,再通过循环生成后台数据所反的相对应个数的slider,但是发现在页面载入后,组件并没有生效,后来终于通过一系列搜索找到了解决的方法,也是痴呆了TAT。

<section>标签中就是装的动态生成的内容。

这里是生成所有订单的方法,其中涉及到swiper的push方法在相关图片注释处。

接下来初始化swiper,然后在请求后台数据成功后的回调函数调用fullOrder方法

结果发现swiper根本没有被调用到,默默的mark一下,在图片多的情况下判断swiper是否成功初始化看左右按钮的颜色是否一深一浅就知道了。

正确初始化swiper的方法应该是在fullOrder方法之后或者是在fullOrder里的element.html()之后。由于swiper是需要 先初始化再执行 ,但这里是先生成swiper, 所以需要在生成swiper之后再初始化

只有这样在页面加载完后swiper才会被调用成功哒。

slider的意思为:滑块。

概述:

slider控件是有滑块与滑动条组成。使用Slider控件,可以计算出滑块在滑动工程中占整个滑动条的比例。如果滑动条的整体长度为100,则滑动的范围就是0至100。按照展示方式,滑动条可以分为两种:一种是为水平滑动条(HorizontalSlider)另一种是垂直滑动(Verticallider),它们之间的用法完全相同。

开发中我们常使用滑动条来调节声音或者颜色等。slider控件是有滑块与滑动条组成。使用Slider控件,可以计算出滑块在滑动工程中占整个滑动条的比例。如果滑动条的整体长度为100,则滑动的范围就是0-100。

双语例句: 

1、Slider switches on the mixers can dampen the drums.

混频器上的滑动开关可以降低鼓声。

2、Zippers can be divided into three major parts:the tape,elements and slider.

拉链可分为三个主要部分: 布带,牙齿和拉头。

3、Now let's focus on creating balance slider since this is a bit different.

现在,让我们的重点放在建立平衡滑块,因为这是一个有点不同。

4、The switch can be a thermally activated mechanical relay built onto the slider.

该开关可以是构建在滑块上的热启 动机械继电器。

5、Use this slider to choose the speed of the double - click action.

使用这个滑块来选择双击动作的速度。