我正在尝试为我的网站上的图像创建自己的灯箱。是的,我知道有 lightbox2,它是免费的,但我喜欢挑战。我在灯箱本身上的点击事件有问题,我试图让它删除灯箱,但点击事件似乎没有注册,我在谷歌浏览器的开发工具中没有错误。这是我的代码:
$(document).ready(function(){
$(".lbox").click(function(){
$("body").append("<DIV class='lbox_container'><DIV class='img_container'><IMG src='" + this.src + "'/></DIV></DIV>");
$(".lbox_container").width($(document).width()).height($(document).height());
});
$(".lbox_container").click(function(){
$(".lbox_container").remove();
});
});