可排序的接收事件動態

Question

我正在使用jQuery UI可排序來製作菜單生成器，當我嘗試執行帶有動態內容的:receive Event時出現了一些問題。 （嘗試在動態內容上添加內容時，不會執行接收事件）。

$(document).ready(function(){ 
$(".parentmenu, .submenu").sortable({ 
    connectWith: ".connected", 
    receive: function(event, ui) { 
     var $item = $(ui.item); 
     $item.addClass('dropdown'); 
       $item.find('a:first').addClass('dropdown-toggle'); 
       $item.find('a:first').attr('data-toggle', 'dropdown'); 
       $item.find('a:first').attr('aria-expanded', 'false'); 
       var x = '<ol class="dropdown-menu dropdown-menu-left connected submenu ui-sortable"><div class="menu-builder-tools"><i class="icon-info3"></i> Drag and Drop an element here</div></ol>'; 
       $(x).appendTo($item).sortable({connectWith: 'connected'}); 

     alert('received'); 
    } 
}); 
}); 

請問有人能幫我一下嗎？ MY JSfiddle

謝謝！

Answer 1

我找到了答案：

Replace: $(x).appendTo($item).sortable({connectWith: 'connected'}); 
With: $(x).appendTo($item).sortable({connectWith: 'connected', receive: function(event, ui) {alert('test');}});