Target a dynamically created div that is removed after a mouseup event

Question

How do I target a div that is dynamically created on mousedown and mousemove and then removed on mouseup?

I have tried to target it like so:

$ ('div').on('remove', '.ui-draggable-dragging', function(e){
      console.log('hello world');
    });

This div only happens when a box is created by another js script. Thanks for your help.

Answer 1

try this. If .ui-draggable-dragging is dynamically created you need to search the body for it before doing anything:

$('body').on('remove', '.ui-draggable-dragging', function (e) {
    console.log('hello world');
});

Answer 2

You should try to inspect change on a higher element in the DOM like

$('body').on( 'change', '#container', function() {
   dowhatyouneed();
}):