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发现所有触摸和拖动相关事件，并绑定它们以响应您希望的方式。

启用动态创建Div的触控功能

1 个答案: