可排序接收事件动态

Question

我正在使用 jQuery UI Sortable 制作菜单生成器，当我尝试执行 :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');}});

可排序接收事件动态

Sortable receive event dynamic

jquery-ui

jquery-ui-sortable