jquery - jQuery 事件到新创建的 div

Question

访问者可以将不同的项目拖放到具有单独可排序的多个容器中，以便可以更改每个容器中的项目。最后，每个容器都可以调整大小。所以，这一切都运作良好。

不幸的是，当访问者创建一个作为容器的新 div 时出现了问题。该容器应该与在页面加载时加载的容器具有相同的机会。但是由于容器是新添加到页面中的，因此这些功能不起作用。

我尝试了不同的方法，例如 appendTo() 并再次调用函数 draggable()、resizable() 等，但都不起作用。

Answer 1

如果您有一些免费资源，请使用 livequery 插件。（https://github.com/brandonaaron/livequery）

$('.container') 
    .livequery('click', function(event) { 
        alert('clicked'); 
        return false; 
 }); 

这会将您的功能应用于所有新容器。

Answer 2

如果您执行以下操作，它应该可以工作，事件将应用于新元素：

$('span').on('resize', function() { ... }); // or whatever event 'click', 'mousedown'..

var label = $(document.createElement('span'));

td.append(label);