크기 조정 핸들러 dragg에서 내 div 크기를 조정하는 방법은 무엇입니까?

Question

그래서 내 자신의 윈도우 시스템을 만들려고합니다. (Jquery UI 대화 상자를 사용하는 것보다 스타일링을 더 쉽게하고 싶어하고 JQ UI를 포함하고 싶지 않기 때문입니다.) 그래서 나는 http://jsfiddle.net/ffCXe/1/ - 드래그 가능한 윈도우를 가지고 있습니다. with와 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

나는 JQUI없이 드래그/크기 조정을 위해 jqDnR을 좋아합니다.