|
本帖最后由 别碰,稀碎 于 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
})
}
动态生成的图片 只有第一行执行了 左右滑动的那个代码 之后再生成的就不在执行事件了 怎样可以把事件都加上去????????????????????
|
|