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+"

'
        });
    }); 
});