Javascript 拖动父div，同时在可拖动的子div上鼠标向下移动

单击一个div时，激发函数，在该函数中，鼠标向下时，将创建新div，并在该新div中附加单击的div和其他一些div（所有附加的div上都有可拖动的插件）。我的问题是：如何拖动新div？您会注意到，我尝试使用handle，但失败了

var game = this;
var cardOldLocationId;

var tempWraperSelector;

$('#playArea').children().on('mousedown', function(event) {

  tempWraperSelector = $('<div id="multipleCardSelector"> </dv>');

  $(tempWraperSelector).appendTo('#' + $(event.target).parent().parent().attr('id'));

  cardOldLocationId = $(event.target).parent().parent().attr('id');

  var selectedCardIndex;
  var cardsToAppend = [];
  var pressedRowLenght = game.options.rows[$(event.target).parent().parent().attr('id').split('_')[0]].length;

  for (var i = 0; i < game.options.rows[$(event.target).parent().parent().attr('id').split('_')[0]].length; i++) {
    if (game.options.rows[$(event.target).parent().parent().attr('id').split('_')[0]][i].Taskai + "_" + game.options.rows[$(event.target).parent().parent().attr('id').split('_')[0]][i].Simbolis === $(event.target).attr('id')) {
      selectedCardIndex = i;
      break;
    }
  }

  for (var j = selectedCardIndex; j < pressedRowLenght; j++) {
    var cardSelector = '#' + game.options.rows[$(event.target).parent().parent().attr('id').split('_')[0]][j].Taskai + "_" + game.options.rows[$(event.target).parent().parent().attr('id').split('_')[0]][j].Simbolis;
    cardsToAppend.push(cardSelector);
  }

  for (var k = 0; k < cardsToAppend.length; k++) {
    $(cardsToAppend[k]).parent().appendTo(tempWraperSelector);
  }

  $(tempWraperSelector).draggable({
    handle: '#' + $(event.target).attr('id')
  });

});

$('#playArea').children().on('mouseup', function(event) {
  $(tempWraperSelector).children().appendTo('#' + cardOldLocationId);
  $(tempWraperSelector).remove();
});

var game=this；
var-cardOldLocationId；
可变温度选择器；
$（“#游戏区”）.children（）.on（'mousedown'，函数（事件）{
TempwrApperSelector=$（''）；
$（tempWraperSelector）.appendTo（'#'+$（event.target）.parent（）.parent（）.attr（'id'））；
cardOldLocationId=$（event.target）.parent（）.parent（）.attr（'id'）；
var选择的cardindex；
var cardsToAppend=[]；
var pressedRowLenght=game.options.rows[$（event.target）.parent（）.parent（）.attr（'id'）.split（'uu'）[0]].length；
对于（var i=0；i< /代码>我会考虑使用<代码>开始/代码>从可拖动的范围内添加新项目。这样，当您添加这些项目时，它们已经附加到该项目中，并将随着父项的拖动而移动或拖动。@Twisty谢谢，这是一个好主意！