我试图创建一个重置按钮,一旦所有卡都放在相应的盒子中就会弹出。
我已经尝试了一些我发现的小提琴的剧本,但他们不会工作。我仍然对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 );
}
}