/Javascript/jQuery/JQuery UI droppable accept maximum number of elements

JQuery UI droppable accept maximum number of elements

$(function() {
    var limit = 5;
    var counter = 0;
    $('.drag').draggable({revert: "invalid"});
    $('.drop').droppable({
        drop: function() {
            counter++;
            if (counter == limit) {
                alert('limit reached!');
                $(this).droppable("disable");
            }
        }
    });
});

Source: stackoverflow.com

Similar codes

2 votes180 views1 answer
Jquery vs react
Javascript jQuery
120 votes240 views6 answers
Jquery checkbox checked
Javascript jQuery
8 votes208 views1 answer
Get the size of the browser jquery
Javascript jQuery
0 vote171 views1 answer
Prepend option on 2nd index jquery
Javascript jQuery
2 votes198 views1 answer
Jquery sort select options by text
Javascript jQuery
4 votes176 views5 answers
Remove event listener jquery
Javascript jQuery
2 votes179 views1 answer
Jquery event keycode
Javascript jQuery
1 vote196 views1 answer
Jquery set attribute stack overflow
Javascript jQuery
0 vote200 views1 answer
Jquery basics
Javascript jQuery
11 votes175 views4 answers
Add div after div jquery
Javascript jQuery