Question

我有一个待办事项列表中的项目列表。每次用户点击复选标记时，它都会被添加到“已完成”的项目列表中。除了将其添加到列表中之外，我还希望在点击复选标记后立即显示弹出通知。我想使用jqueryUI的.dialog

来做这件事

这是将项目添加到“已完成”列表的代码：

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

我尝试添加嵌套函数，但它不起作用。关于如何添加这个的任何想法？

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

什么是最好的方法

1 个答案: