Swiper中文论坛

标题: 怎么将动态加进去的所有图片都有swiper事件 [打印本页]

作者: 别碰，稀碎 时间: 2016-1-26 13:54
标题: 怎么将动态加进去的所有图片都有swiper事件
本帖最后由别碰，稀碎于 2016-1-26 14:01 编辑

我动态加进去的的图片是一行一行的  其中一行左右滑动不会影响其他的图片类似手机的左右滑动图片查看的功能  我把事件又在动态加进去的元素后面又写了一次  可是只有一行执行了事件代码  其他的图片都没有左右滑动的事件

我的部分代码
if(($(document).height()-range) <= totalheight  && num != maxnum) {

main.append('<div class="neirong" id="neirong2"><div class="information"><p class="inf">买家：陈晓明</p><p class="inf">购买商品：衬衫</p></div><div class="Contentevaluation">商品评价：做工较细致款式上身比较修身发货速度快是物有所值的一件衬衣很好的卖家。谢谢喽。我的同事们都很喜欢呢。下次再来哦。 </div> <div class="picture"> <div class="device"> <div class="swiper-containers"> <div class="swiper-wrapper"> <div class="swiper-slide red-slide" style="margin-left: 50px"> <div class="title"><a href="img/taobaochenshan1.jpg" rel="YLlightbox"><img src="img/taobaochenshan1.jpg" alt=""></a></div> </div> <div class="swiper-slide "  style="margin-left: 50px" > <div class="title"><a href="img/taobaochenshan2.jpg" rel="YLlightbox"><img src="img/taobaochenshan2.jpg" alt=""></a></div> </div> <div class="swiper-slide" style="margin-left: 50px" > <div class="title"><a href="img/taobaochenshan3.jpg" rel="YLlightbox"><img src="img/taobaochenshan3.jpg" alt=""></a></div> </div> <div class="swiper-slide" style="margin-left: 50px" > <div class="title"><a href="img/taobaochenshan4.jpg" rel="YLlightbox"><img src="img/taobaochenshan4.jpg" alt=""></a></a></div> </div> <div class="swiper-slide" style="margin-left: 50px"> <div class="title"><a href="img/taobaochenshan5.jpg" rel="YLlightbox"><img src="img/taobaochenshan5.jpg" alt=""></a></div> </div> <div class="swiper-slide" style="margin-left: 50px"> <div class="title" style="margin-left: 1500px;margin-top:-130px"><a href="img/taobaochenshan1.jpg" rel="YLlightbox"><img src="img/taobaochenshan1.jpg" alt=""></a></div> </div> </div> </div> </div> </div></div></div>');
num++;
//alert("111")
var mySwiper = new Swiper('.swiper-containers',{
   //pagination: '.pagination',
   //paginationClickable: true,
   //centeredSlides: true,
slidesPerView: 5,
   watchActiveIndex: true
})

}
动态生成的图片  只有第一行执行了左右滑动的那个代码  之后再生成的就不在执行事件了  怎样可以把事件都加上去？？？？？？？？？？？？？？？？？？？？

欢迎光临 Swiper中文论坛 (http://bbs.swiper.com.cn/)