Блог

Я пытаюсь создать кнопку сброса, которая появится после того, как все карты будут помещены в соответствующие поля.

Я пробовал использовать некоторые скрипты из найденных мной Скриптов, но они не работают. Я все еще немного новичок в JS / Jquery, но я полагаю, что мне нужно добавить правильный параметр, который увеличивается после правильного добавления карты, а затем, когда этот параметр = all # of 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 );
          } 
        }