为什么layer中弹出层内容点击事件不起作用

1.click只能为页面现有的元素绑定点击事件，如果是动态生成的新的元素，是没有事件的
2.而$(document).on("click","指定的元素",function(){});方法则是将指定的事件绑定在document上，而新产生的元素如果符合指定的元素，那就触发此事件            
不起作用：
$('#test').on('click', function() {
layer.msg('响应点击事件');
});
起作用了：
$(document).on('click', '#test', function() {
layer.msg('响应点击事件');
});

代码截图

补充一下 我用的事layui框架 别的框架我不知道 这样可不可以 如果可以请告诉我一声

<script src="../../js/common/layer/layer.js"></script>  
二、全屏调用以下代码

var index = layer.open({  
                    type: 2,  
                    content: url,  
                    area: ['300px', '195px'],   
                    title: false,  
                    maxmin: true,   
                    closeBtn: 0  
                });  
layer.full(index);  

三、关闭弹出层
[javascript] view plain copy
var index = parent.layer.getFrameIndex(window.name);  
parent.layer.close(index);

原网址  https://blog.csdn.net/xiao__jia__jia/article/details/79337312