.draggable()。resizable()不适用于Button

时间:2012-04-17 17:47:52

标签: javascript jquery jquery-ui dom

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

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

Here是我的代码。

这是一个jquery ui bug吗?

编辑:

我错过了</button>

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

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

2 个答案:

答案 0 :(得分:1)

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

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

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

  

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

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

答案 1 :(得分:0)

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