/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 votes320 views2 answers
Loop json jquery
Javascript jQuery
61 votes288 views2 answers
Jquery redirect to url
Javascript jQuery
1 vote331 views2 answers
Jquery copy table to clipboard
Javascript jQuery
5 votes312 views2 answers
Jquery remove disabled property from button
Javascript jQuery
1 vote331 views1 answer
Custom jquery validation messages
Javascript jQuery
20 votes272 views6 answers
Change image src jquery
Javascript jQuery
2 votes321 views1 answer
Jquery delete grand parent of clicked element
Javascript jQuery
-1 vote308 views1 answer
Jquery view image in codeigniter
Javascript jQuery
0 vote335 views1 answer
Set value of attribute using each and keyup jquery
Javascript jQuery
-1 vote303 views1 answer
Waypoint jquery
Javascript jQuery