Javascript Jquery ui可调整大小的句柄在追加元素函数中不起作用

我正在使用jQueryUI可调整大小，我将使用。要做到这一点，我遵循，但我得到相同的问题，如，所以我尝试他们的答案，但仍然不工作。有人能帮我吗？这是我的小提琴问题

$(document).on({mouseenter: function (e) {
    var elmnt_col = $(this);
    $(elmnt_col).append("<div class='overlay' id='overlay-column'><div class='overlay-menu-action' id='overlay-menu-column'><div class='overlay-label' id='overlay-label-column'>Column</div></div></div>");

    $(elmnt_col).find('#overlay-column').append("<div class='resize-handle ui-resizable-handle ui-resizable-e' id='right-resize-handle'></div>");
    $(elmnt_col).resizable({
        handles: {
            e: '#right-resize-handle'
        }
    });
}, mouseleave: function (e) {
        $("#overlay-column").remove();
    }}, ".custom-column");