javascript - 如何使我的 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")));
});