小编Dig*_*Guy的帖子

我试图附加一个div onClick,它既可拖动又可调整大小,带有句柄,用于调整div在所有4个角落的大小.

我已经能够使div可拖动并添加手柄......但是......只有div的底部,右侧和右下角实际上工作...顶部和其他角落在悬停时显示箭头...但不会调整div的大小!？!？!

<script>

$(document).ready(function() {

    //onClick append a resizable & draggable div with handles on all 4 corners
    $('#mega_wrap').click(function(e){

        //Define element css and positioning then add both draggable and resizable from jQuery UI
        var ele = $("<div>");
            ele.css({width:"100px", height:"100px", border:"3px dashed white", position:"absolute", left: e.pageX - 50, top: e.pageY -50});
            ele.draggable();
            ele.resizable();

        //Define elements handles and append them to the new div
        var eleHandleNE = $("<div class='ui-resizable-handle ui-resizable-ne' id='negrip'>");
        var eleHandleSE = $("<div class='ui-resizable-handle ui-resizable-se' id='segrip'>");
        var eleHandleSW = …