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.

Can you add other code, like the html you are using? Perhaps also creat a jsFiddle for us? — Andy Holmes, Oct 25 '13 at 10:44
I would, but I'm not sure I can share this site. It's my companies site and the page is dynamically created by xml that we write. This a "style" that was created as an image map. Meaning a respondent can draw a box for each section of an image they like. I have a client that wants to have a popup box happen when a respondent draws a box to ask them why they like that part of the image. — exiledhunter_6, Oct 25 '13 at 11:18

score 0 · Accepted Answer · answered Oct 25 '13 at 10:48

0

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');
});

answered Oct 25 '13 at 10:48

Andy Holmes

Thanks, I will give this a try and let you know if this works out. – exiledhunter_6 Oct 25 '13 at 11:19
No probs, let me know if you get any errors in the console etc – Andy Holmes Oct 25 '13 at 11:23
Sorry but with me being in support I have to go take client request as they come in and it's just been slammed for me so no chance to work on it. I will update you though once I get the chance to try. – exiledhunter_6 Oct 25 '13 at 14:48
This didn't quite work for me, but I think that is more my fault than anything else. Thanks again for the help. – exiledhunter_6 Oct 25 '13 at 16:35
No problem, hope it helps in future :) – Andy Holmes Oct 25 '13 at 21:12

score 0 · Answer 2 · answered Oct 25 '13 at 10:53

0

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

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

answered Oct 25 '13 at 10:53

Philippe CARLE

2 Answers2