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

Question

我有一个 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
                } );



              }

Answer 1

如果您的意思是要为动态创建的 div 添加触摸事件处理程序，则需要使用 .on 事件处理程序

$('div').on("touch", function(){});

你也可能想点击一下：

$('div').on("click", function(){});

这称为事件委托，适用于动态添加的元素。您可以使用 MDN 发现所有与触摸和拖动相关的事件，并绑定它们以按照您希望的方式响应。