添加新元素时，事件无法正确触发

Question

我遇到问题，有一个页面包含2 div sections section-1和section-2。 section-1被称为landscape而section-2被称为portrait。

 页面有一个unordered list，每个list item都与一个单独的div类.content相关联。

默认情况下.content类有一个属性设置为display none。但是当发生mouseenter, mouseleave或click等事件时，会在该div上添加名为.active且具有属性display block的类，然后div显示为block并关联div列表项的内容显示在屏幕上。

横向模式

当页面宽度大于754时，则表示现在横向模式unordered list只能触发mouseenter或mouseleave个事件。
/>
当用户悬停在list item上时，名为.active的课程也会在相关的div上添加到list item。

肖像模式

但是当页面的宽度小于754时，它会在portrait模式下。

如果页面默认情况会发生什么情况在横向模式下加载，我们尝试调整窗口大小以使其明确为肖像。

section-1的{​​{1}}的{​​{1}}的Html代码会转移到unordered list，但会有一些轻微的外观变化。

什么是轻微的外观和感觉变化。

现在处于landscape mode模式时，只有div section-2事件在列表项上的用户portrait发生时才发生相同的事情，名称为click的类被添加到{{1}也可以在关联的div上。

但是这些事件只在页面加载时才有效。但是当窗口调整大小并且html代码转移到另一个部分时，反之亦然。事件不会发生。

我的意思是在调整窗口大小后，在click .active事件未触发或list item portrait mode或click事件发生时不要触发。我做错了什么。

＆＃13;

＆＃13;

landscape mode

＆＃13;

mouseenter

＆＃13;

mouseleave

＆＃13;

＆＃13;

＆＃13;