jQuery draggable（）阻止CSS调整大小

Question

如果可能的话，我想同时使用JQuery的draggable()和CSS的resize。但是draggable()显然阻止resize正常工作。演示：http://jsfiddle.net/zHkQB/123/。有想法该怎么解决这个吗？我会使用JQuery的resizable()，但这也不起作用。

Answer 1

将resizable()添加到您的jQuery：

$("#dragResize").resizable().draggable()

Answer 2

具体来说，您需要在代码中添加resizable()，并删除允许调整元素大小的CSS调用。我在这里更新了小提琴：

http://jsfiddle.net/r3kbjwgq/1/

您的问题是jQuery resizable()与CSS resize:both调用冲突，因为当您单击CSS创建的调整大小手柄时，您正在与该元素进行交互。让jQuery使用以下方法创建调整大小的句柄：

$('#the-thing').resizable({
    handles: 'se'
});

您让jQuery创建了一个新的调整大小句柄作为单独的元素，从而允许调整元素大小和拖动元素。