/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 vote353 views1 answer
Jquery table header agnostic of scroll
Javascript jQuery
2 votes334 views1 answer
Set flash on a button using jquery
Javascript jQuery
8 votes332 views3 answers
Jquery get element by tag
Javascript jQuery
1 vote341 views1 answer
Jquery select option auto select
Javascript jQuery
0 vote345 views2 answers
Loading button jquery
Javascript jQuery
12 votes380 views2 answers
Jquery-3.5.0.min.js
Javascript jQuery
0 vote417 views2 answers
Jquery nested ul li
Javascript jQuery
63 votes378 views6 answers
Jquery addclass
Javascript jQuery
0 vote389 views1 answer
Disable anchor tag jquery after click
Javascript jQuery
3 votes331 views3 answers
Jquery serialize
Javascript jQuery