Javascript hide（）不'；t在动态创建的元素上运行

我想在容器中动态创建一些div元素。我用简单的功能来实现：

function myFunction(volume){
for(var i = 1; i<= volume; i++){
$('.container').append("<div></div>");
}

Aron在评论中解决它：谢谢

您应该使用

事件委派允许您将单个事件侦听器附加到父元素，该事件侦听器将为与选择器匹配的所有子元素激发，无论这些子元素现在存在还是将来添加。

使用.onchange（）而不是选项中的onclick

$('select').on('change',function(){
myFunction(this.value);
});

也为选项增加了价值

<option value="4" >4</option>

更新

这个问题更新得如此之快

$(".container").on("mouseenter","div",function(e){
   if (run){
       $(this).hide(3000, function() {
          result++;
          run = false;
          rewrite();
       });
   }
});

---

如何调用隐藏函数？将鼠标指针委托给containersee谢谢Arun P Johny，你说得对，这就是我想要的。在这种特殊情况下，事件可以附加到.container divinstead@Huangism我已经编辑了答案。。感谢您为JSFIDLE提供的sugestionworks（显然是在您的演示中），但不适用于调用.hide函数（在您的演示中）

<option value="4" >4</option>

$(document).on('mouseenter','div',function() {

$(".container").on("mouseenter","div",function(e){
   if (run){
       $(this).hide(3000, function() {
          result++;
          run = false;
          rewrite();
       });
   }
});