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!