如何让我的div调整大小处理程序dragg？

Question

所以我尝试创建我自己的窗口系统（因为我想要比使用Jquery UI对话框更容易的样式化，并且不想包含JQ UI。）所以我有http://jsfiddle.net/ffCXe/1/ - 一个窗口，可拖动与我想要窗口调整大小的拖动div。但是，如何调整它的大小并不是使用JQ UI，而是使用JQuery？以及如何做到这一点？

Answer 1

这样的事情呢？

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

Answer 2

我喜欢jqDnR拖拽/调整大小没有JQUI。