如何在Jquery中的droppable上初始化可拖動對象？

Question

我正在用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'
    } );
  }

Answer 1

所以我想出了一種使用CSS的方法。 我只是在同一位置初始化了可放置隊列和可拖動片段。 然后通過將css z-index設置為1來將可拖動對象設置在頂部。