Javascript 在动态创建的Div上启用触摸

我有一个div，我在其中动态创建了1到10个div，现在我想从触摸中拖动它们，而不是从鼠标或光标。现在，如何使这些动态创建的对象同时可触摸和可拖动。有什么帮助吗

<div id="cardPile"></div>



var numbers = [ 1, 2, 3, 4, 5, 6, 7, 8, 9, 10 ];
      numbers.sort( function() { return Math.random() - .5 } );



      for ( var i=0; i<10; i++ ) {


                $('<div>' + numbers[i] + '</div>').data( 'number', numbers[i] ).attr( 'id', 'card'+numbers[i] ).appendTo( '#cardPile' ).draggable( {
                  containment: '#content',
                  stack: '#cardPile div',
                  cursor: 'move',
                  revert: true
                } );



              }

变量数=[1,2,3,4,5,6,7,8,9,10]；
sort（函数（）{return Math.random（）-.5}）；
对于（var i=0；i如果您的意思是要将touch的事件处理程序添加到动态创建的div中，则需要使用.on事件处理程序

$（'div'）。在（“touch”，function（）{}）上；

此外，您可能还希望为“单击”执行此操作：

$（'div'）。在（“单击”，function（）{}）；

这称为事件委派，适用于动态添加的元素。您可以使用MDN来发现所有与触摸和拖动相关的事件，并将其绑定以您希望的方式响应。
感谢您的回复，但我也希望div应该在触摸时移动或拖动，而不是在鼠标上移动或拖动hover@User42590好的，如果你访问Mozilla开发者N联网并查看touch events页面，您应该能够尝试在那里找到的一些东西，并实现您所需要的。