代码
$.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>也不好使
//捕获页
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});
}
});
$.ajax({
type: 'POST',
url: 'hhWebsiteInfoController.do?website-getDt',
dataType: 'json',
data: '',
success: function (json) {
alert(1);
var dts = json.attributes.dts;
$("#news").empty();
window.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: "<div class='col-md-3 col-sm-3 wow fadeIn' data-wow-delay='0.6s' ><a>" +
window.quanju[$(this).attr('dataIndex')].summary/////////////////////////获取对应下标后从json对象数组中获取summary
+ "</a></div>"
// '<div style="padding:20px;" class="test3">ADSFA</div>'
});
});