Question

用jQuery写lightbox,弹出的DIV无法操作

$(document).ready(lightbox);
function lightbox() {
show();
}
function show(){
$("a.cppic").click(function(){
$("body").append("<div id='TB_HideSelect'></div>");});
$("#TB_HideSelect").click(function(){
alert(document.getElementById("TB_HideSelect"));
});
}
点击弹出<div id='TB_HideSelect'></div>后，我原先是想点击这个DIV就弹出提示窗口，可是DIV弹出后点击它却没有任何反应，没有执行这段：
$("#TB_HideSelect").click(function(){
alert(document.getElementById("TB_HideSelect"));
});
求指导~~~

Answer 1

你好！

对于动态生成的元素，jquery需要通过.live或.on函数进行事件绑定！

jquery1.9后侍州，已老山蔽唯余经完全删除了live事件··

function show(){
    $("a.cppic").click(function(){
        $("body").append("<div id='TB_HideSelect'></div>");
    });
    $("#TB_HideSelect").on("click",function(){
        alert(document.getElementById("TB_HideSelect"));
    });
}

试试吧···

追问

还是不行啊，貌似选择器$("#TB_HideSelect")获取不到元素

追答

$(document).ready(function(){
      lightbox();
});
function lightbox() {
        show();
}
function show(){
    $("a.cppic").click(function(){
        $("body").append("<div id='TB_HideSelect'></div>");
    });
    $("#TB_HideSelect").on("click",function(){
        alert(document.getElementById("TB_HideSelect"));
    });
}