jQuery LI in eine andere Liste veschieben

[MrFreeze]

Mein Code -> https://jsfiddle.net/xmxytaot/1/
Wie zu sehen geht dies soweit recht gut!
Aber ist ein Element schon verschoben worden, kann ich es nicht erneut verschieben... warum nicht?

 

[Quaese]

Hi,

das Problem liegt grundsätzlich daran, dass du mit html() neuen Inhalt ins Dokument einbringst. Dieser wird allerdings nicht mit dem gewünschten Event versehen. Um dies zu realisieren solltest du dir mal live-Events ansehen.

Ansonsten könntest du doch auch die li-Elemente samt enthaltenen input-Elementen umhängen. Damit könntest du auch dein Script auf ein Minimum reduzieren.

Beispiel:

        $(document).ready(function () {
            $('.submiter').on('click', function() {
                var check = $(this).prop('checked'),
                    liId = "#" + $(this).attr('name'),
                    ids = ['#list1', '#list2'];

                $(liId).fadeOut(500, function () {
                    $(ids[check ? 0 : 1]).append($(this));
                    $(liId).fadeIn(500);
                });
            });
        });

Ciao
Quaese