当我们前后端交互的时候,我们写的轮播图要灵活一点。当我们写滑动形式的轮播图时,最后面往往要加上若干个代码块和前几个相同,以此达到轮播图最后一张到第一张的过渡。
以这个为例
这是6个图片,但是我们要最后再加上4个已完成过渡
以往像这种我会直接在html里面写10个
但是前后端交互的时候,a标签的数量都时后端遍历传过来的。所以最后四个我们应该用js来解决。
这时候我们就会想到js中的appendChild或者jQuery中的append方法,但是如果我们直接这样添加的话,只会把前四个转移到最后四个的位置,只是调换了位置,并没有实现了添加的效果。
$(".carousel_box>a").eq(3).appendTo($(".carousel_box"))
这时候我们应该用js先复制一下a代码块,再添加
js:
var a=document.getElementsByClassName("carousel_box")[0];
var c=a.getElementsByTagName("a")[3];
var e=c.cloneNode(true);
a.appendChild(e);
jQuery:
$(".carousel_bo