/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

7 votes154 views3 answers
Jquery get link href value
Javascript jQuery
15 votes146 views3 answers
Jquery DevTools failed to load source map: Could not load content for
Javascript jQuery
42 votes144 views3 answers
Jquery get text of input
Javascript jQuery
0 vote158 views1 answer
Validation for start date and end date in jquery
Javascript jQuery
2 votes143 views2 answers
Jquery label with text
Javascript jQuery
0 vote146 views1 answer
Add set time out in jquery
Javascript jQuery
105 votes188 views6 answers
Jquery each loop
Javascript jQuery
0 vote217 views1 answer
How to add jquery to an html css and javascript project
Javascript jQuery
16 votes138 views2 answers
Smooth scroll to top jquery
Javascript jQuery
2 votes148 views2 answers
Best way to detect mobile device jquery
Javascript jQuery