最も良い方法は何ですか

Question

私は予定リストに項目のリストを持っています。ユーザーがチェックマークをクリックするたびに、「完了」アイテムリストに追加されます。リストに追加するだけでなく、チェックマークをクリックした直後にポップアップ通知が表示されます。私は、ネストされた機能を追加しようとしました

$('#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(); 
 
    } 
 
);

：私は、これは、「完了」リストに項目を追加するコードですjqueryUI

からこの使用.dialogをしたいですしかし、それは動作しません。これを追加する方法に関するアイデア？

$('#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

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"); 
       }) 

これを試してみてください