Javascript JqueryUI调整大小&；draggable不能一起工作？

在同一个元素中使用jqueryui resize和draggable时遇到问题。他们应该如何合作？在这个版本中，我可以调整图像的大小，但不能拖动它。其想法是能够将图像拖动到更大的div中，但不能将其调整为比内部div更大的大小。这应该是最终结果。有人能给一个提示，如何在同一个元素中获得拖拽和调整工作的大小吗

在这里

这里是HTML

<div id="container">
<div id="area">
    <div class="testi"><img class="imageHere" width="200" src="http://4.bp.blogspot.com/-JOqxgp-ZWe0/U3BtyEQlEiI/AAAAAAAAOfg/Doq6Q2MwIKA/s1600/google-logo-874x288.png" /></div>
</div>

Javascript

$(function() {
 $( ".imageHere" ).draggable({ cursor: "move",containment: "#container"      }).resizable({containment: "#container"});
});

---

如果在

draggable

之前设置

resizeable

，它将起作用

$（函数（）{
$（“.imageHere”）。
可调整大小({
安全壳：“容器”
}).
拖拉的({
光标：“移动”，
安全壳：“容器”
});
});

---

如果在

可拖动

之前设置

可调整大小

，它将工作

$（函数（）{
$（“.imageHere”）。
可调整大小({
安全壳：“容器”
}).
拖拉的({
光标：“移动”，
安全壳：“容器”
});
});

---

这就是您要查找的代码：

$(function() {
    $( ".testi" ).draggable(); 
    $( ".imageHere" ).resizable();
});

---

您需要将拖动对象指向图像的包含div。

这就是您要查找的代码：

$(function() {
    $( ".testi" ).draggable(); 
    $( ".imageHere" ).resizable();
});

---

您需要将拖动对象指向图像的包含div。

这一个解决了我的一个类似问题

当图像可调整大小时，它们由div包装。如果您希望图像可调整大小并可拖动，则必须使包装可拖动

$('img')
    .resizable()
    .parent()
        .draggable();

---

但是，这并不理想，因为用户不必知道Resizeable的实现就可以使用DragTable（并且必须在DragTable之前使图像大小可调）。另外，在当前的实现中，如果您使用上述代码，然后调用

.resizeable（'destroy'）

，那么当包装器被移除时，draggable将被销毁。

这个解决了我的类似问题

当图像可调整大小时，它们由div包装。如果您希望图像可调整大小并可拖动，则必须使包装可拖动

$('img')
    .resizable()
    .parent()
        .draggable();

---

但是，这并不理想，因为用户不必知道Resizeable的实现就可以使用DragTable（并且必须在DragTable之前使图像大小可调）。另外，在当前的实现中，如果您使用上述代码，然后调用

.resizeable（'destroy'）

，那么当包装器被移除时，draggable将被销毁。

谢谢。这解决了问题，现在我明白为什么它不起作用了。谢谢。这解决了问题，现在我明白为什么它不起作用了。埃利奥的回答也很正确，安德鲁的小提琴按我的要求更准确地演奏。谢谢你们两位！对埃利奥的回答也很正确，安德鲁的小提琴按我的要求更准确地演奏。谢谢你们两位！