jQuery 事件到新创建的 div

Question

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

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

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

Answer 1

如果你这样做应该会起作用，事件将应用于新元素：

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

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

td.append(label);

Answer 2

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

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

这会将您的函数应用于所有新容器。