Question

is it possible to exclude single sortbale items from being dropped on another list?

Here is a JsFiddle. E.g. Item 2 shouldn’t be dropable on the second list.

I have really no idea if this is possible with some hacks, but unfortunately there is no option for the UI plugin 🙁

Any help is much appreciated.

EDIT:
I forgot to mention that the item (in the example it is Item 2) should still be sortable, but not dropable on the second list.

Answer 1

NEW http://jsfiddle.net/UKUfe/ (In this demo the item 2 is not droppable in list 2 but still sortable :)

This will help: rest code below and explanation:

code

$("#sortable1, #sortable2").sortable({
    connectWith: ".connectedSortable",
    items: "li:not(.ui-state-disabled)",
    receive: function(event, ui) {

        if ($(ui.item).hasClass("foohulk")) {
           $(ui.sender).sortable('cancel');

            return false;

        }

    }
}).disableSelection();


​

OLD

demo http://jqueryui.com/demos/sortable/items.html or http://jsfiddle.net/GGVeA/2/

Similar question in Jquery Forum: http://forum.jquery.com/topic/can-i-lock-an-li-in-place-in-a-sortable-list

Good link with options et al. : http://jqueryui.com/demos/sortable/

If you want to disable item add .ui-state-disabled to the item li, (I hear you said: why ui-state-disabled :) go to following link and read API themes and stuff: “Interaction Cues” http://jqueryui.com/docs/Theming/API

hope this helps, 🙂

code

$( "#sortable1, #sortable2" ).sortable({
        connectWith: ".connectedSortable",
        items: "li:not(.ui-state-disabled)"
}).disableSelection();