2019独角兽企业重金招聘Python工程师标准>>>
今天在处理图片预览的时候,需要每提交一次,执行touch里的方法,但是点击之后 ,弹出的图片总是同一个,跟踪源码才发现,每执行一次就会将html中的dom加载一个,这样前几张永远都是那几个,所以看不到后面的,于是用执行touch方法之前将dom移除,还是不行,跟踪源码原来dom没有移除,我以为remove方法有问题,百度了半天终于发现问题了,原来添加的dom被当做全局变量保存了起来,于是我将代码移到局部变量中就解决了这个问题。哈哈O(∩_∩)O哈哈~
代码如下
移除dom的代码
$("#galleryOverlay").remove();
$('#thumbs a').touchTouch();
touch文件里移动的代码,将这些代码变成局部变量即可
var overlay = $('<div id="galleryOverlay">'),
slider = $('<div id="gallerySlider">'),
prevArrow = $('<a id="prevArrow"></a>'),
nextArrow = $('<a id="nextArrow"></a>'),
pageSpan = $('<span id="pagelimit"></span'),
overlayVisible = false;