/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

0 vote344 views1 answer
Copy link jquery
Javascript jQuery
3 votes310 views4 answers
Jquery hover event
Javascript jQuery
10 votes352 views4 answers
Jquery select radio
Javascript jQuery
0 vote342 views1 answer
Jquery datatable get column values in array
Javascript jQuery
0 vote370 views1 answer
Jquery unobtrusive validation asp.net core
Javascript jQuery
0 vote354 views1 answer
Filter div jquery
Javascript jQuery
0 vote347 views1 answer
Jquery datepicker re initialize
Javascript jQuery
0 vote356 views1 answer
How to print form data in jquery
Javascript jQuery
0 vote382 views1 answer
Jquery open image in new tab
Javascript jQuery
-1 vote329 views2 answers
JQuery exists function
Javascript jQuery