用于重置拖放的JavaScript按钮

Question

我试图创建一个重置按钮，一旦所有卡都放在相应的盒子中就会弹出。

我已经尝试了一些我发现的小提琴的剧本，但他们不会工作。我仍然对JS / Jquery有点新意，但是我想我必须添加一个正确的var，一旦添加了正确的卡就会增加，然后当var =所有#cards时它会取消隐藏的弹出消息。

有人能提供一些帮助吗？

            function init() {

            $('#element_1').data( 'number', 1 ).attr( 'id', 'card'+1 ).draggable( {
              containment: '#content',
              stack: '#cardPile div',
              cursor: 'move',
              revert: true
            } );


            $('#slot_1').data( 'number', 1 ).droppable( {
              accept: '#cardPile div',
              hoverClass: 'hovered',
              drop: handleCardDrop
            } );

        }

        function handleCardDrop( event, ui ) {
          var slotNumber = $(this).data( 'number' );
          var cardNumber = ui.draggable.data( 'number' );

          if ( slotNumber == cardNumber ) {
            ui.draggable.addClass( 'correct' );
            ui.draggable.draggable( 'disable' );
            $(this).droppable( 'disable' );
            ui.draggable.position( { of: $(this), my: 'left top', at: 'left top' } );
            ui.draggable.draggable( 'option', 'revert', false );
          } 
        }