如何在 Jquery 中初始化可拖放对象上的可拖动对象？答案

【问题标题】：How can I initialize a draggable on a droppable in Jquery?如何在 Jquery 中初始化可拖放对象上的可拖动对象？
【发布时间】：2014-11-19 18:41:47
【问题描述】：

我正在用 jquery 制作一个益智游戏，并且正在使用可拖动和可放置。拼图从队列中的 6 块开始，我希望能够将拼图板上的块移回队列，但现在我只能将它们移到板上。我正在通过向队列中添加一个可放置来解决这个问题，但我不知道如何在初始化时将可拖动的部分放入可放置队列中。提前致谢！

Jsfiddle：http://jsfiddle.net/p8tpn5e6/

下面是队列可丢弃的创建，然后是片段的创建。我想在加载时将这些片段放入队列中。

function init() {
  // Create Queue
  for ( var i=0; i<6; i++ ) {
    $('<div>' + 'q' + [i] + '</div>').attr( 'id', 'queue'+numbers[i] ).appendTo( '#queuePile' ).droppable( {
        accept: '#tilePile div',
        hoverClass: 'hovered',
        drop: handleTileDrop,
    } );
  }
  // Create the pile of tiles
  for ( var i=0; i<6; i++ ) {
    $('<div>' + numbers[i] + '</div>').data( 'number', numbers[i] ).attr( 'id', 'card'+numbers[i] ).appendTo( '#tilePile' ).draggable( {
      containment: '#content',
      stack: '#tilePile div',
      cursor: 'move',
      revert: 'invalid'
    } );
  }

【问题讨论】：

标签： javascript jquery jquery-ui draggable droppable

【解决方案1】：

所以我想出了一种使用 css 的方法。我刚刚在同一位置初始化了可放置队列和可拖动部分。然后通过设置它的 css z-index = 1 将可拖动设置在顶部。

【讨论】：