jQuery weui Photo Browser 点击小图显示对应的大图

官网上只提供了点击按钮显示图片浏览。

但有时候我们需要点击对应的图片，显示大图

我在网上也找了好多，但关于jQuery weui Photo Browser图片动态加载的博客很少，本人菜鸟，自己琢磨出来了简单的方法，如果有更好的方法请赐教，谢谢

 

 

var listp=[];//创建数组，存储图片链接
    $.showLoading();
    $.ajax({
            url: "/health/api/v2/checkReport/getDetailAll",
            type: "get",
            dataType: "json",
            // beforeSend:index,
            beforeSend: function (xhr) {
                xhr.setRequestHeader("token", token);
                xhr.setRequestHeader("Content-Type", 'application/json');
            },
            data:{
                "pId":pid,
                "pCode":pcode 
            },
            success: function (data) {
                $.hideLoading();
                if(data.code=="OK"){
                    var html="";
                    var imglist="";
                    for(var i=0;i<data.body.pList.length;i++){
                        html+='<a href="#list'+i+'" id="list'+i+'"><div class="re_content_list" id="list'+i+'">'
                                +'<div class="re_cont_h">'
                                +data.body.pList[i].titleName
                                +'</div>'
                                +'<div class="re_cont_t">'
                                +data.body.pList[i].desc
                                +'</div>'
                                +'</div></a>'
                    }
                    $(".re_content_list").html(html);
                    for(var i=0;i<data.body.picList.length;i++){
                        listp.push("/health/api/v2/checkReport/downloadPhyPic?uId="+data.body.picList[i]+"");//push到数组中
                        imglist+='<img   class="imgborw" data-index="'+i+'"  src="/health/api/v2/checkReport/downloadPhyPic?uId='+data.body.picList[i]+'" width="80px">'
                    }
                    console.log(listp);
                    $(".imglist").html(imglist);
                    click_scroll(list)
                    
                   
                }
            },
            error: function (data) {

            }
        });
        function showBigImg(list,index) {
            imgList = list.split(',');
            $.photoBrowser({items: imgList}).open(index);
        }
        $("body").on("click",".imgborw",function(){
                var href=listp.join(",");//将数组转换成字符串，我在这纠结了好半天各种问题
                var index=$(this).attr("data-index");//打开对应大图
                showBigImg(href,index)
            })