两个jquery函数无法正常工作

Question

我有以下jquery函数，但只有可调整大小的工作不可拖动。如果我删除可调整大小的，那么只能拖动工作。

function drag(obj) {
        $(function () {
            $(obj).draggable({containment: "#design"});
        });
        $(function () {
            $(obj).resizable({containment: "#design"});
        });
    }

HTML是：

<img width="150px" src="abc.png" ondrag="drag(this)" onclick="drag(this)" id="imgs" class="ui-widget-content">

我想要可调整大小和可拖动的工作。我怎么能这样做？

Answer 1

当你使元素可调整大小时，它会将该元素包装在div中。为了使draggable能够处理相同的元素，您需要将其作为新的父元素。

$('img').resizable({containment: "#design"});
$('img').parent().draggable({containment: "#design"});

请参阅：https://jsfiddle.net/x30zLdeg/