/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

74 votes150 views3 answers
Jquery detect when a checkbox is checked
Javascript jQuery
10 votes115 views5 answers
Jquery check if element is hidden
Javascript jQuery
1 vote122 views1 answer
If array is empty jquery
Javascript jQuery
0 vote109 views2 answers
Datatable on change event jquery
Javascript jQuery
0 vote109 views2 answers
How to append the dropdown values by jquery each function
Javascript jQuery
4 votes115 views2 answers
Jquery Table row count
Javascript jQuery
2 votes109 views1 answer
How to use regex in jquery
Javascript jQuery
6 votes129 views4 answers
Jquery append to table
Javascript jQuery
0 vote123 views1 answer
Comparing html text by using jquery
Javascript jQuery
0 vote124 views1 answer
Jquery get selected checkbox items and pass to parameter for C# MVC consumption
Javascript jQuery