jquery - JavaScript Button to Reset Drag-and-Drop -



jquery - JavaScript Button to Reset Drag-and-Drop -

im trying create reset button pops 1 time of cards have been placed in appropriate boxes.

i've tried script fiddles i've found wont work. i'm still new js/jquery imagine have add together right var increments 1 time card added right , when var = # of cards unhides hidden popup message.

can provide help?

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 ); } }

javascript jquery

Comments

Popular posts from this blog

model view controller - MVC Rails Planning -

ruby on rails - Devise Logout Error in RoR -

html - Submenu setup with jquery and effect 'fold' -