/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 votes132 views2 answers
Jquery select clear options
Javascript jQuery
2 votes129 views2 answers
Jquery scroll to specific div
Javascript jQuery
11 votes132 views4 answers
Add div after div jquery
Javascript jQuery
7 votes136 views1 answer
Jquery replace innerhtml
Javascript jQuery
0 vote123 views1 answer
Add data after last child in jquery
Javascript jQuery
4 votes129 views1 answer
How remove child in jquery
Javascript jQuery
0 vote132 views1 answer
JQuery onclick not firing on dynamically inserted HTML elements
Javascript jQuery
6 votes171 views2 answers
Put form action jquery
Javascript jQuery
-1 vote135 views1 answer
If element is fully visible in viewport jquery
Javascript jQuery
0 vote125 views1 answer
Jquery append after number of chars in string
Javascript jQuery