jQuery UI droppable/draggable

[ingo95]

Ich habe zwei Listen. Zwischen diesen Listen sollen Items hin und her geschoben werden. Doch wenn ich ein Item einmal wo hingeschoben habe, kann ich es nicht wieder zurückschieben.

$(function() {
    $("li").draggable({
        containment: $("#gebiet").length ? "#gebiet" : "document",
        revert: true,
        drag: function(event, ui){
            $(".active").removeClass("active");
            $(this).addClass("active");
        }
    });
        $("#katalog ul").droppable({
         accept: "#cart li",
            drop: function(event, ui){
                 $(".active").remove();
                $("<li class='ui-draggable'></li>").text(ui.draggable.text()).appendTo(this);
            }
        });

        $("#cart ul").droppable({
          accept: "#katalog li",
            drop: function(event, ui){
                 $(".active").remove();
                $("<li class='ui-draggable'></li>").text(ui.draggable.text()).appendTo(this);
            }
        });
});

 

[gp812]

AW: jQuery UI droppable/draggable

Hi.
Wieso verwendest du eigentlich keine Sortable-Funktion von Jquery?

Bitte kostenlos registrieren, damit du die Links siehst.

Bis auf "accept" - option ist die Sortable-Funktion auf jeden Fall besser. Und um zwei oder mehr listen miteinander zu verbinden, brauchst du die Option "connectWith".

 

[ingo95]

AW: jQuery UI droppable/draggable

Danke, werde ich gleich ausprobieren.