Javascript 无法从动态创建的html代码调用函数

我正在更改javascript的html代码，并希望从创建的“div”调用相同的函数。但它并没有被称为

正如您所见，函数调用后形成的“html”也有class=“screen”，但创建的“div”不支持它

vari；
var-clear=2；
$（“#容器”）。单击（函数（）{
var clickid=$（this.attr（'id'）；
var left=document.getElementById（clickid）.offsetLeft；
var top=document.getElementById（clickid）.offsetTop；
var height=document.getElementById（clickid）.offsetHeight；
变量宽度=document.getElementById（clickid）.offsetWidth；
var x=document.getElementById（clickid）.value；
方向=提示（“垂直还是水平？”）；
numdiv=prompt（“应该创建多少个分区？”）；
var divsper=[]；
var html=“”；
对于（i=0；i
*{
填充：0px；
边际：0px；
}
主体{}
#容器{
背景颜色：粉红色；
top=0%；
左=0%；
高度：100vh；
}

尝试使用$（'#container'）。改为使用（'click'）。动态生成的html事件处理略有不同
 替换“$”（“#容器”）。用“$”（“html”）单击（function（）{”这一行。在（'click'，'[id*=container]'，function（）{。
这对你有用


vari；
var-clear=2；
$（“html”）。在（'单击'，'[id*=container]'上，函数（）{
var clickid=$（this.attr（'id'）；
var left=this.offsetLeft；
var top=此.offsetTop；
var height=此值。偏离视线；
var宽度=此偏移网络宽度；
var x=该值；
方向=提示（“垂直还是水平？”）；
numdiv=prompt（“应该创建多少个分区？”）；
var divsper=[]；
var html=“”；
对于（i=0；i

*{
填充：0px；
边际：0px；
}
主体{}
#容器{
背景颜色：粉红色；
top=0%；
左=0%；
高度：100vh；
}

看一看如何正确使用堆栈代码段。ID必须是唯一的。另外。单击“不适用于新创建的元素”。使用.on（）jquery绑定的方法events@Andreas是的，我会用类名来做。它起作用了。但我希望拆分发生在我单击的上。在这里，拆分发生在ID为的第一个div上。所有新创建的div都有class=screen，ID为container1、container2、container11等等