Jquery przenoszenie elementów pomiędzy lisami

Question

Witam, jak w temacie mam problem z przenoszeniem elementów pomiędzy listami, mianowicie mam 2 listy jedną  listę z zadaniami do wykonania, a drugą z wykonanymi zadaniami i kiedy chce przenosić elementy to lista w pewnym momencie się blokuje i nie można przenosić elementów, zamieszczam kod może ktoś podpowie co jest nie tak, z góry dziękuje za poświęcony czas.

https://jsbin.com/siwiviquhu/edit?html,js,output

Comments

A nie myślałeś aby w ogóle nieco inaczej podejść do tego problemu? A mianowicie nie łączyć tak silnie html z JS, to znaczy znaczników html z JS. Ja bym zrobił dwie tablice, jedną z zadaniami do wykonania, i drugą z wykonanymi i kliknięciem na któreś z zadań (lub te buttony) przenosiłbym dane z jednej tablicy do drugiej i po prostu rerenderował DOM. Dzięki takiemu podejściu dane w tablicach, np. string, object itp. są niezależne od tagów html i nie ma znaczenia czy wyświetlisz je w <li>, <div>, <table> itp. To już obrobisz sobie potem np. metodą Array.prototype.map, forEach itp. + jakieś createElement albo createDocumentFragment lub ich odpowiednikami w jQuery (tutaj nie powiem bo nie pracuję z jQuery).

---

to praca domowa i nie mogę podejść inaczej do problemu, a tu wydaje mi się że po dodaniu nie widzi mi tej dodanej listy nie wiem czemu

Answer 1

dobra już mam tu daje rozwiązanie może komuś się przyda, a odpowiedźią były delegaty

https://jsbin.com/ramasopezo/edit?html,css,js,output