如何为动态加载的lightbox触发元素绑定jQuery click事件？

原来的$('.lightbox_trigger').click()只能给页面加载时就存在的元素绑定事件，动态加载的新元素不会触发这个事件。解决办法是用jQuery的事件委托，把事件绑定到一个页面初始化时就存在的父容器上，正确语法如下：

// 替换成你页面中实际存在的父容器（比如动态内容的外层容器），优先用更具体的选择器而非body
$('#固定父容器ID').on('click', '.lightbox_trigger', function(e) {
    // 原来的函数逻辑完全保留即可
    e.preventDefault(); // 可选：阻止图片链接的默认跳转行为
    // 你的lightbox核心代码
});

关键说明： #

• 第一个参数是事件类型（这里是click）
• 第二个参数是需要触发事件的动态元素选择器（.lightbox_trigger）
• 第三个参数就是你原本写的事件处理函数

如果不确定用哪个父容器，用document.body也能生效，但优先选择更靠近动态元素的静态父容器，这样事件冒泡的层级更少，性能更优。

内容的提问来源于stack exchange，提问作者osuddeth