[Reinitialize trigger for draggable element]

This is perfect, thank you!

[Reinitialize trigger for draggable element]

I have multiple elements that are being used as the trigger under one class. For example, the "dragHandle" class is my trigger:

 

<div class="dragHandle"></div>

<div class="dragHandle"></div>

<div class="dragHandle"></div>

 

<div id="draggableLayer"></div>

 

This is fine when it is first initialized. All three will drag the "draggableLayer." The problem is, I am dynamically adding more "dragHandle" elements, and they are not seen as triggers after Draggable has initialized on page load. I.e:

 

<div class="dragHandle"></div>

<div class="dragHandle"></div>

<div class="dragHandle"></div>

 

<!--  these 2 were added after page load, but don't work like the others do as a trigger -->

<div class="dragHandle"></div>

<div class="dragHandle"></div>

 

<div id="draggableLayer"></div>

 

I have tried disabling (and killing) and then enabling the Draggable after adding the the additional trigger elements, but that hasn't worked. Is there a way to destroy and reinitialize the Draggable? Or maybe another way to make it see the additional trigger elements I am dynamically adding?

 

Thanks!