Javascript点击功能没有响应

Question

我有一个简单的脚本，可以在显示弹出 div 时在背景上创建图层。

jQuery(".openForm").click(function() {    
    jQuery("#popup").show();
    jQuery("body").append('<div id="layer"></div>');
});

这工作正常，但是，当我单击某个地方时，它应该使用此脚本关闭弹出窗口

jQuery("#layer").click(function() {    
    jQuery("#popup").hide();
    jQuery("#layer").remove();
});

无论如何，没有发生任何事情，甚至没有错误。

Answer 1

我猜当您尝试绑定(bind)处理程序时，#layer 不存在。使用事件委托(delegate)代替:

jQuery(document).on('click', "#layer", function() {    
    jQuery("#popup").hide();
    jQuery("#layer").remove();
});

或者，您可以隐藏/显示 #layer div(如 #popup div)，而不是每次添加和删除它。