.draggable（）。resizable（）不适用于Button

Question

我正在尝试使用jQuery UI创建一个可拖动的和可调整大小的按钮，但似乎它不能同时执行这两个操作。

$('.demo').resizable({grid: 10});
$('.demo').draggable({cancel:false, grid: [ 10,10 ] });

Here是我的代码。

这是一个jquery ui bug吗？

编辑：

我错过了</button>

以下是我编辑的版本：http://jsfiddle.net/nagwW/13/

有没有办法让调整大小箭头更靠近按钮？

Answer 1

正如您在this jsFiddle here中所看到的，这似乎是一个问题，主要是按钮，可能是因为在.resizable（）调用上添加了一个包装器。

此外，您可以将任何元素转换为带有.click值的按钮，那么为什么不使用div，它可以同时使用.resize和.drag以及0个问题，然后在该div上使用.button，以及。点击。

如果你注意到，我的小提琴就是这样做的

  

更新了你的新东西和我的div代表   http://jsfiddle.net/SpYk3/nagwW/25/

虽然，现在我想到了，你最好不要在按钮上进行更改，想一想，用户点击按钮将其拖动到某处，拖动完成，突然点击动作被触发，他们想要的阻力现在都搞砸了！这就是为什么jquery从未打算用于按钮上使用的那些功能。可能导致许多令人头疼的问题，只是fyi。

Answer 2

将按钮包裹在div中并使其可拖动和调整大小，同时使按钮可调整大小。所以你会同时拥有这两种效果。