点击事件启停问题：图片画廊弹窗关闭后无法重新启用图片点击

你的核心问题是：调用$("#th1,#th2,...").on('click');时没有传入对应的处理函数，导致移除事件后无法恢复原有点击逻辑。下面提供两种可行的解决方案：

方案一：封装点击逻辑为独立函数，重复绑定复用 #

把图片点击的业务逻辑抽成单独函数，这样不管初始绑定还是关闭弹窗后重新绑定，都能复用同一逻辑：

// 抽离图片点击逻辑为独立函数
function openImagePopup() {
    $("#dropdown").animate({
        top: "+=400"
    }, 500);
    $("#dropdown").addClass("fixed");
    // 移除当前绑定的点击事件（指定函数，避免误删其他事件）
    $("#th1,#th2,#th3,#th4,#th5,#th6").off('click', openImagePopup);
}

// 初始绑定所有图片的点击事件
$("#th1,#th2,#th3,#th4,#th5,#th6").on('click', openImagePopup);

// 关闭弹窗逻辑
$('#closedPopUp').click(function(event) {
    event.preventDefault();
    $("#dropdown").css("top", "-250px");
    // 重新绑定点击事件，传入之前的处理函数
    $("#th1,#th2,#th3,#th4,#th5,#th6").on('click', openImagePopup);
});

方案二：用状态标志控制点击权限（更推荐） #

避免频繁绑定/解绑事件，通过一个状态变量判断是否允许执行点击逻辑，性能更优：

// 状态变量：标记是否允许点击图片
let canClickImage = true;

$("#th1,#th2,#th3,#th4,#th5,#th6").click(function() {
    // 不允许点击时直接终止逻辑
    if (!canClickImage) return;
    
    $("#dropdown").animate({
        top: "+=400"
    }, 500);
    $("#dropdown").addClass("fixed");
    // 弹窗打开后禁止点击
    canClickImage = false;
});

$('#closedPopUp').click(function(event) {
    event.preventDefault();
    $("#dropdown").css("top", "-250px");
    // 弹窗关闭后恢复点击权限
    canClickImage = true;
});

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