Was ist der beste Weg zu

Question

Ich habe eine Liste von Elementen in einer To-Do-Liste. Jedes Mal, wenn der Benutzer auf ein Häkchen klickt, wird es einer Liste "abgeschlossener" Elemente hinzugefügt. Neben dem Hinzufügen zur Liste möchte ich eine Popup-Benachrichtigung direkt nach dem Häkchen angezeigt werden. Ich möchte dies mit .dialog von jQueryUI tun

Dies ist der Code, den Artikel der „abgeschlossen“ Liste ergänzt:

$('#todo-list').on('click','.done',function(e) { 
 
    var $taskItem = $(this).parent("li"); 
 
    var $copy = $taskItem.clone(); 
 
    $('#completed-list').prepend($copy); 
 
    $copy.hide().slideDown(); 
 
    $taskItem.remove(); 
 
    } 
 
);

Ich habe versucht, das Hinzufügen einer verschachtelten Funktion , aber es funktioniert nicht. Irgendwelche Ideen, wie man das hinzufügt?

$('#todo-list').on('click','.done',function(e) { 
 
    var $taskItem = $(this).parent("li"); 
 
    var $copy = $taskItem.clone(); 
 
    $(".done").dialog({ 
 
     autoOpen:false, 
 
     show:{ 
 
     effect: "blind", 
 
     duration: 9000 
 
     }, 
 
     hide: { 
 
     effect: "explode", 
 
     duration: 9000 
 
     } 
 
    } 
 
);

Answer 1

versuchen, diese

var dialog = $(".done").dialog({ 
       autoOpen:false, 
       show:{ 
        effect: "blind", 
        duration: 9000 
       }, 
       hide: { 
        effect: "explode", 
        duration: 9000 
       } 
       }); 

    $('#todo-list').on('click','.done',function(e) { 
       var $taskItem = $(this).parent("li"); 
       var $copy = $taskItem.clone(); 
       dialog.dialog("open"); 
       })