/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

4 votes147 views6 answers
How to set dropdown value in jquery
Javascript jQuery
1 vote130 views1 answer
Check your page, maybe you import jQuery library twice, the slim version or it is missing.
Javascript jQuery
3 votes133 views4 answers
Jquery hover function
Javascript jQuery
3 votes120 views1 answer
Jquery slideup
Javascript jQuery
3 votes141 views2 answers
Jquery wait for element to load
Javascript jQuery
24 votes129 views5 answers
On modal close jquery
Javascript jQuery
0 vote139 views1 answer
Jquery find type submit
Javascript jQuery
3 votes151 views2 answers
Jquery open page in new tab
Javascript jQuery
41 votes126 views2 answers
How to get a value using jquery
Javascript jQuery
0 vote123 views1 answer
How to disable time option in select jquery
Javascript jQuery