关于layer.photos调用问题

Question

 <div class="photo-group" id='photo-list'>
        <img src="./pic/product22.jpg" layer-src="./pic/product22.jpg" alt="">
        <img src="./pic/product33.png" layer-src="./pic/product33.png" alt="">
        <img src="./pic/product44.jpg" layer-src="./pic/product44.jpg" alt="">
        <img src="./pic/product55.jpg" layer-src="./pic/product55.jpg" alt="">
    
    </div>

$('#photo-list img').on('click',function(){
    layer.photos({        photos: '#photo-list',        shadeClose:false,        closeBtn:2,        anim: 0 
    });
})

这是一组照片列表，现在的问题是第一次点击图片正常，关闭层后，第二次点击出来两个弹出层，第三次弹出三个，第四次四个以此类推（这不正常），这是怎么搞的，怎么让每次点击图片只有一个弹出层出来