jQuery events to new created div

Question

Un visiteur peut faire glisser et déposer différents éléments dans plusieurs conteneurs qui ont un tri individuel afin que les éléments de chaque conteneur puissent être modifiés. Enfin, chaque conteneur pourrait être redimensionné. Donc, tout cela fonctionne bien.

Malheureusement, un problème est survenu lorsque le visiteur a créé un nouveau div qui est un conteneur. Ce conteneur devrait avoir les mêmes opportunités que les conteneurs qui se chargent pendant le chargement de la page. Mais puisque le conteneur est nouvellement ajouté à la page, les fonctions ne fonctionnent pas.

J'ai essayé différentes choses comme appendTo() et j'appelle à nouveau les fonctions draggable(), resizable() etc, mais al ne fonctionne pas.

Answer 1

Il devrait fonctionner si vous faites quelque chose comme ça, l'événement sera appliqué aux nouveaux éléments:

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

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

td.append(label); 

Answer 2

Si vous avez des ressources libres, utilisez le plugin livequery. (https://github.com/brandonaaron/livequery)

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

qui s'appliquera vos fonctions à tous les nouveaux conteneurs.