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

可排序的接收事件动态

1 个答案: