viewer插件多图预览,AJAX动态生成的图片无法展示的问题
//viewer插件多图预览
//照片浏览
var viewer = new Viewer(document.getElementById(‘dowebok’), {
//如果是AJAX生成的图片,必须要加这段代码
url: ‘data-original’,
show: function (){
viewer.update();
},
});
//点击空白隐藏
KaTeX parse error: Expected '}', got 'EOF' at end of input: …){
if ((e.target).find(‘img’).length == 0 ){
return;
}
viewer.hide();
});
//AJAX获取多图
$(".show_pics_list").click(function(){
var pay_id = $(this).data(‘sid’);
$.ajax({
url: “?c=AuditManage&a=getPayRecordPics”,
dataType: “json”, //这里一定要写JSON,这样回调的才是JSON格式,也就是数组格式
type: ‘post’,
data : {
“pay_id” : pay_id,
},
success: function (jqdata) { //成功后回调
$("#dowebok").html(’’);
// alert(jqdata);
console.log(jqdata);
$.each(jqdata, function(i, field) {
// alert(field);
//字符拼接,格式类似这个 +field.class_url+
var temp = ‘
$("#dowebok").append(temp);
});
viewer.show();
}
});
});
入
在引入的是JS的插件时候(JS JQ写法不同,具体可以百度),在初始化插件时候加入这段代码即可解决。