Javascript 如何在php中使div可拖动并还原为false

我有一个div，我想拖放到另一个div上，然后恢复到原来的位置。拖放并还原5次后，它会使自身还原为false，并且不会返回到原始位置

我有以下代码：

JS:

  var correctCards = 0;
  var total=0;
  $( init );

  function init() {

    correctCards = 0;       
    var total=0;
    $('#cardPile1').html( '' );
    $('#cardSlots1').html( '' );

    // Create the pile of card 
    var numbers1 = ['a'];
    var words1 = ['aa'];


    // Create the pile of shuffled cards by copy of numbers and sort randomly
    var numbersShuffled1 = numbers1.slice(0).sort( function() { return Math.random() - .5 } );

    // Display words  
    var dragg=0;
    for ( var i=0; i<words1.length; i++ ) {
      $('<div>' + words1[i] + '</div>').data( 'number', i ).appendTo( '#cardSlots1' ).droppable( {
        accept: '#cardPile1 div',
        hoverClass: 'hovered',
        revert: false,
        drop: handleCardDrop1         
      } );
    }

    // Display shuffled list of number
    for ( var i=0; i<numbersShuffled1.length; i++ ) {
      // Get number (index in array) of suffled number
      var numberIndex1 = numbers1.indexOf(numbersShuffled1[i]);
      //alert(numberIndex);

      $('<div>'+ numbersShuffled1[i] + '</div>').data( 'number', numberIndex1 ).attr( 'id', 'cardd'+i ).appendTo( '#cardPile1' ).draggable( {
        containment: '#content10',
        stack: '#cardPile1 div',
        cursor: 'move',
        revert: true
     });
  }
}

function handleCardDrop1( event, ui ) {
  var slotNumber1 = $(this).data( 'number' );
  //alert(slotNumber1);
  var cardNumber1 = ui.draggable.data( 'number' );
}

 <div id="cardPile1"> </div>
 <div id="cardSlots1"> </div>

var=0；
var合计=0；
美元（初始）；
函数init（）{
校正卡=0；
var合计=0；
$（'#cardPile1'）.html（''）；
$（'#cardSlots1'）.html（''）；
//创建一堆卡片
var numbers1=['a']；
var words1=['aa']；
//通过复制数字和随机排序创建一堆洗牌牌
var numbersShuffled1=numbers1.slice（0.sort）（函数（）{return Math.random（）-.5}）；
//显示文字
var-dragg=0；
对于（var i=0；这与phpi无关，我通过php从数据库中获取var numbers1和var words1。这里我给出了'a'和'aa'只是为了测试。PLZ建议如何仅为五个drga保留revert true。在同一div的第六次拖动中，它不应该返回，因为它应该类似revert false