Jquery Droppable添加直播活動

Question

我有一個li這是拖放和頁面刷新時工作，但當我在列表中添加使用AJAX li時，droppable事件不會附加到它。如何將0123pdroppble事件附加到li。

這裏是我到目前爲止已經試過，

$('.main-menu.workspaces li').droppable({ 
    hoverClass: "ui-state-hover", 
    tolerance: "pointer", 
    accept: '.notification-item.subtask', 
    drop: function (event, ui) { 
    var workspace_id = $(event.target).data('workspace'); 
    var task_id = $(ui.draggable[0]).data('taskid'); 
    $.post('{{route('workspace.assign', $subdomain)}}', { 
     workspace: workspace_id, 
     task: task_id 
    }).done(function(data) { 
    }); 
    } 
}); 

Answer 1

感謝@Rory McCrossan您的建議，這是我做了什麼和它的工作。

(function($){ 
     var options = { 
      hoverClass: "ui-state-hover", 
      tolerance: "pointer", 
      accept: '.notification-item.subtask', 
      drop: function (event, ui) { 
      var workspace_id = $(event.target).data('workspace'); 
       var task_id = $(ui.draggable[0]).data('taskid'); 
       var href = $('.notification-body.todotask').attr('data-assignlink'); 
       $.post(href,{workspace: workspace_id, task: task_id}) 
       .done(function(data){ 
        //todo 
       }); 
      } 
      } 

     $('.main-menu.workspaces li').droppable(options); 


     // Attaching li to DOM using AJAX 
     function attachLi(){ 
      $.ajax({ 
      url: 'store', 
      method: 'POST', 
      data: { 
      task: searchString, 
      }, 
      success: function (response) { 
       //attaching li to DOM 
       $('.task').append(response.html); 

       //Reinitializing Droppable 
       $('.main-menu.workspaces li').droppable(options); 
      } 
      }); 
     } 

     ... 
     . 
     . 
})(jQuery);