查看: 2060|回复: 0
打印 上一主题 下一主题

怎么将动态加进去的所有图片都有swiper事件

[复制链接]

该用户从未签到

1

主题

1

帖子

13

积分

新手上路

Rank: 1

积分
13
跳转到指定楼层
楼主
发表于 2016-1-26 13:54:50 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式
本帖最后由 别碰,稀碎 于 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
})


}
动态生成的图片  只有第一行执行了 左右滑动的那个代码  之后再生成的就不在执行事件了  怎样可以把事件都加上去????????????????????
分享到:  QQ好友和群QQ好友和群 QQ空间QQ空间 腾讯微博腾讯微博 腾讯朋友腾讯朋友
收藏收藏 分享分享 分享淘帖
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

Archiver|手机版|小黑屋|Swiper中文网 ( 粤ICP备15001020号

GMT+8, 2024-11-23 03:24 , Processed in 0.100395 second(s), 27 queries .

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表