关于layer弹出层内容 显示ajax取得的数据

Question

代码

 $.ajax({ 
type:'POST',
url: 'hhWebsiteInfoController.do?website-getDt',
dataType:'json',
data:'',
success:function(json){
alert(1);
var dts = json.attributes.dts;
    $("#news").empty();
    var quanju = dts;
        if(typeof(dts)!=undefined){
            for(var i=0;i<dts.length;i++){
            var a = "<div class='col-md-3 col-sm-3 wow fadeIn' data-wow-delay='0.6s' ><a>"+dts[i].title+"</a></div>";
            var b = "<div class='test2' dataIndex="+i+"><img class='test2' src='"+dts[i].pic1+"'></div>";
            var d = "<div class='col-md-3 col-sm-3 wow fadeIn' data-wow-delay='0.6s' ><a>"+dts[i].summary+"</a></div>";

            var c = a+b;

            $("#news").append(c); 

        }
}}

});

 $(document).on('click',".test2",function() {

        layer.open({
            type: 1,
            area: ['600px', '360px'],
            shadeClose: true, //点击遮罩关闭
            content: 'quanju[dataIndex].summary'
                  //   '<div style="padding:20px;" class="test3">ADSFA</div>'


        });
    }); 
弹出层的content 显示summary属性quanju[dataIndex].summary'不好使<div class='col-md-3 col-sm-3 wow fadeIn' data-wow-delay='0.6s' ><a>"+quanju[dataIndex.summary+"</a></div>也不好使

Answer 1

//捕获页
layer.open({
type: 1,
shade: false,
title: false, //不显示标题
content: $('.layer_notice'), //捕获的元素
cancel: function(index){
layer.close(index);
this.content.show();
layer.msg('捕获就是从页面已经存在的元素上，包裹layer的结构', {time: 5000, icon:6});
}
});