javascript - 附加到正文后类选择器拒绝

Question

我在包装器中附加了大量的 div：

    var cubes    = [], 
    allCubes  = '';
    for(var i = 0; i < 380; i++) {
    var randomleft = Math.floor(Math.random()*Math.floor(Math.random()*1000)),
        randomtop = Math.floor(Math.random()*Math.floor(Math.random()*1000));
    allCubes += '<div id="cube'+i+'" class="cube" style="position: absolute; border: 2px #000 solid; left: '+randomleft+'px; top: '+randomtop+'px; width: 9px; height: 9px; z-index: -1"></div>';
}  

$('#wrapper').append(allCubes); // performance

for(var i = 0; i < 380; i++) {
 cubes.push($('#cube'+i));  
}

然后我想让它们都可以拖动jQueryUI并记录它们的当前位置。

    var allc = $('.cube');
    allc.draggable().on('mouseup', function(i) {
        allc.each(function() {
        var nleft = $(this).offset().left;   
        var ntop = $(this).offset().top;
        console.log('cubes['+i+'].animate({ left:'+nleft+',top:'+ntop+'})');
        });
   });

不幸的是，它不起作用。它们既不可拖动，也不会出现日志。

谢谢