jquery添加弹出层_html/css_WEB-ITnose

代码如下
$(function() {

$.ajax({
type:'POST',
url: 'hhWebsiteInfoController.do?website-getDt',
dataType:'json',
data:'',
success:function(json){
alert(1);
var dts = json.attributes.dts;
$("#news").empty();
if(typeof(dts)!=undefined){
for(var i=0;i var a = "

"+dts[i].title+"

";
var b = "";
var c = a+b;
// var d =" ";
$("#news").append(c);

}
}}

});
$('#test2').on('click', function() {
// alert(2);
layer.open({
type: 1,
area: ['600px', '360px'],
shadeClose: true, //点击遮罩关闭
content: '

自定义内容444

'
});
});
});
点击id=“test2"的图片没反应，不弹出弹出层，为什么啊？？

回复讨论(解决方案)

id不能重复啊

顺便把on绑定事件改成live比较好

id不能重复啊
改完了$.ajax({
type:'POST',
url: 'hhWebsiteInfoController.do?website-getDt',
dataType:'json',
data:'',
success:function(json){
alert(1);
var dts = json.attributes.dts;
$("#news").empty();
if(typeof(dts)!=undefined){
for(var i=0;i var a = "

"+dts[i].title+"

";
var b = "";
var c = a+b;
// var d =" ";
$("#news").append(c);

}
}}

});
$('.test2').on('click', function() {
// alert(2);
layer.open({
type: 1,
area: ['600px', '360px'],
shadeClose: true, //点击遮罩关闭
content: '

自定义内容444

'
});
});
});
还是不好使哎 - -

id不能重复啊
改完了$.ajax({
type:'POST',
url: 'hhWebsiteInfoController.do?website-getDt',
dataType:'json',
data:'',
success:function(json){
alert(1);
var dts = json.attributes.dts;
$("#news").empty();
if(typeof(dts)!=undefined){
for(var i=0;i var a = "

"+dts[i].title+"

";
var b = "";
var c = a+b;
// var d =" ";
$("#news").append(c);

}
}}

});
$('.test2').on('click', function() {
// alert(2);
layer.open({
type: 1,
area: ['600px', '360px'],
shadeClose: true, //点击遮罩关闭
content: '

自定义内容444

'
});
});
});
还是不好使哎 - -

$('.test2').on('click', function()
改成
$('.test2').live('click', function()

id不能重复啊
改完了$.ajax({
type:'POST',
url: 'hhWebsiteInfoController.do?website-getDt',
dataType:'json',
data:'',
success:function(json){
alert(1);
var dts = json.attributes.dts;
$("#news").empty();
if(typeof(dts)!=undefined){
for(var i=0;i var a = "

"+dts[i].title+"

";
var b = "";
var c = a+b;
// var d =" ";
$("#news").append(c);

}
}}

});
$('.test2').on('click', function() {
// alert(2);
layer.open({
type: 1,
area: ['600px', '360px'],
shadeClose: true, //点击遮罩关闭
content: '

自定义内容444

'
});
});
});
还是不好使哎 - -

$('.test2').on('click', function()
改成
$('.test2').live('click', function()

$('.test2').live('click', function() {
alert(2);
layer.open({
type: 1,
area: ['600px', '360px'],
shadeClose: true, //点击遮罩关闭
content: '

自定义内容444

'
});
});

11111111111

2222222222222

33333333333

换了更不好使了= = 本来 页面写死的还好用呢

换了更不好使了= = 本来 页面写死的还好用呢

live不好用？live就是为当前或未来的匹配元素添加一个或多个事件处理器
你什么版本jquery？1.9+？
那你还是换回on吧
$(document).on("click",".test2",function(){

换了更不好使了= = 本来 页面写死的还好用呢

live不好用？live就是为当前或未来的匹配元素添加一个或多个事件处理器
你什么版本jquery？1.9+？
那你还是换回on吧
$(document).on("click",".test2",function(){

终于好用了
$('.test2').live('click', function() {改了就好了 为啥啊？
还有个问题 大神我要弹出层显示图片链接 在数据库的那条记录的其他内容怎么通过数据库id找到显示啊 ?

终于好用了
$('.test2').live('click', function() {改了就好了 为啥啊？
还有个问题 大神我要弹出层显示图片链接 在数据库的那条记录的其他内容怎么通过数据库id找到显示啊 ?

live方法1.9+不支持了 被on取代了
显示弹层之前，先发条ajax根据id去数据库查出那条信息，把数据带会页面再显示弹层，
注意ajax异步请求和页面赋值的时间差

终于好用了
$('.test2').live('click', function() {改了就好了 为啥啊？
还有个问题 大神我要弹出层显示图片链接 在数据库的那条记录的其他内容怎么通过数据库id找到显示啊 ?

live方法1.9+不支持了 被on取代了
显示弹层之前，先发条ajax根据id去数据库查出那条信息，把数据带会页面再显示弹层，
注意ajax异步请求和页面赋值的时间差

我在这已经查到数据库图片信息的其他字段了$.ajax({
type:'POST',
url: 'hhWebsiteInfoController.do?website-getDt',
dataType:'json',
data:'',
success:function(json){
alert(1);
var dts = json.attributes.dts;
$("#news").empty();
if(typeof(dts)!=undefined){
for(var i=0;i var a = "

"+dts[i].title+"

";
var b = "

";
//var d = "

"+dts[i].summary+"

";

var c = a+b;
$(".test3").append(c);
$("#news").append(c);

}
这是弹出层
$(document).on('click',".test2",function() {

layer.open({
type: 1,
area: ['600px', '360px'],
shadeClose: true, //点击遮罩关闭
content: '

ss

'
});
});
});
我觉得$(".test3").append(c);就把别的字段信息加到弹出层了

你建一个全局变量，把dts赋值给它，
ajax循环的时候, class='test2'后边加上自定义属性(举例：dataIndex) 值为 i
var b = "

";
test2 click事件里先取dataIndex的值 再取前面全局变量对应索引的对象，
然后赋值就行了

test2 click事件里先取dataIndex的值 再取前面全局变量对应索引的对象 然后赋值 这个不懂啊 咋写的..
success:function(json){
alert(1);
var dts = json.attributes.dts;
$("#news").empty();
var quanju = dts;
if(typeof(dts)!=undefined){
for(var i=0;i var a = "

"+dts[i].title+"

";
var b = "

";
var d = "

"+dts[i].summary+"

";

var c = a+b;

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

}
}}

});

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

layer.open({
type: 1,
area: ['600px', '360px'],
shadeClose: true, //点击遮罩关闭
content: '

内容

'
});
});
});

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

layer.open({
type: 1,
area: ['600px', '360px'],
shadeClose: true, //点击遮罩关闭
content: '

"+quanju[dataIndex].summary+"

'
});
});
});