Jquery可在同一元素上拖动并调整大小

我有一个

，我正在动态地在它上面添加另一个

div

，我想在这个

outerDiv

.isStore

是div的css类，我想让它可以拖动和调整大小

$(".outerDiv .isStore").draggable({ containment: ".outerDiv" }).resizable({ containment: ".outerDiv" }); 

问题是我无法将

div

调整为

OuterDiv

在上面的快照中，带有网格的

div

是

outerDiv

，红色显示

div

，它可以拖动和调整大小，但这是我可以调整大小的最大大小。我想让它在

outerDiv

上调整大小

我使用的css是

.outerDiv
 {
   width: 202px;
   overflow:auto;
   overflow: auto;
   display:inline-block;
 }

.isStore
 {
   height: 10px;
   width: 10px;
   background-color: #fff7f8;
   border: 1px SOLID;
   float: left;
   position:absolute;
 }

---

是否有我遗漏的内容？

您可能需要使用浏览器的开发工具来确定是否定义了一些约束（例如CSS

max height

/

max width

可能？）。如果您使用的是Chrome，则可以右键单击该元素并查看“样式/计算”选项卡，以查看它可能拾取的内容。当解决这样的问题时，它有助于简化示例并逐渐增加复杂性

对于这个简单的示例（没有CSS

max

constraints），这是可行的：

$（“.outerDiv.isStore”）.draggable（{containment:.outerDiv}）。可调整大小（{containment:.outerDiv}）
.isStore
{
宽度：20px；
高度：20px；
背景色：红色；
}
欧特尔迪夫先生
{
宽度：160px；
高度：160px；
背景色：#ccc；
}

首先尝试将示例代码放在类似JSFIDLE的东西中，或者至少提供sscce。请转到并创建一个测试用例来复制它，然后保存它并在您的答案中链接到它。您可能希望删除一些不必要的样式，例如
position:absolute
和
float:left
，因为当您使元素
可拖动时，jqueryui会为您处理这些内容。另外，您的容器
outerDiv
上没有定义高度。我使用的Jquery-ui.js已损坏！我换了一个新的，效果很好！腐败比卖淫更糟糕。