两个jquery函数不起作用[重复]答案

【问题标题】：two jquery function not working [duplicate]两个jquery函数不起作用[重复]
【发布时间】：2015-12-12 15:21:10
【问题描述】：

我有以下 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">

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

【问题讨论】：

不要使用on* 属性。使用addEventListener。见：stackoverflow.com/questions/6348494/addeventlistener-vs-onclick

标签： javascript jquery jquery-ui

【解决方案1】：

当你使一个元素可调整大小时，它会将该元素包装在一个 div 中。要使可拖动对象在同一元素上工作，您需要将其定位为新父级。

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

见：https://jsfiddle.net/x30zLdeg/

【讨论】：