I am working on an Ipad/android phonegap application that is working just fine for the most part. I am dynamically creating new elements that are added a different then the original parent div. I can use on to create either a click or touchstart event on the new item. I have added an alert box to function for testing and it is getting the call in the new element.
The issue is that I am using a Jquery Touch Plugin for allow elements to be dragged around the screen. It works great for elements that are already loaded. But when elements are added to the DOM with the same class, the touch function does not work.
I have a link to a page that is somewhat working at http://www.ab-mobile-apps.com/app/hapman/test2/index.html#build
If you go the the page and click on the first row of the accordion menu, you will see a list of icons. Each icon can be duplicated by clicking on them. Then it will appear in a different div labeled "New Element". From there I can add click methods like an alert box for testing and that works.
This thing is that I am also adding a class called "touchMove" to allow the cloned element to become draggable on the screen. It is not binding and I have spent to long trying to figure it out and not moving on.
I am looking for someone that can help resolve this issue and do some more work for me with this app.