如何在调整大小处理程序dragg上使div调整大小？

问题描述

| 因此，我尝试创建自己的窗口系统（因为与Jquery UI对话框相比，我想更轻松地设置样式，并且根本不希望包含JQ UI。）所以我有http://jsfiddle.net/ ffCXe / 1 /-一个窗口，可拖动，并且我希望窗口调整大小时在其上拖动一个div。但是，不是使用JQ UI而是使用JQuery来调整其大小的最佳方法是什么？以及如何做？     

解决方法

        这样的事情怎么样？ http://jsfiddle.net/ffCXe/6/

$(\".resize\").bind(\'dragstart\',function(event) {
    var $box = $(this).closest(\".box\");

    $box.data(\"width\",$box.width());
    $box.data(\"height\",$box.height());
    $box.data(\"x\",event.offsetX);
    $box.data(\"y\",event.offsetY);

}).bind(\"drag\",function(event) {
    var $box = $(this).closest(\".box\");

    $box.width(Math.max($box.data(\"width\") - $box.data(\"x\") + event.offsetX,$box.data(\"minwidth\")));
    $box.height(Math.max($box.data(\"height\") - $box.data(\"y\") + event.offsetY,$box.data(\"minheight\")));
});

    ,        我喜欢使用jqDnR在不使用JQUI的情况下进行拖动/调整大小。