微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

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

如何解决如何在调整大小处理程序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的情况下进行拖动/调整大小。     

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。