我正在尝试使用jQuery UI创建一个可拖动的和可调整大小的按钮,但似乎它不能同时执行这两个操作。
$('.demo').resizable({grid: 10});
$('.demo').draggable({cancel:false, grid: [ 10,10 ] });
Here是我的代码。
这是一个jquery ui bug吗?
编辑:
我错过了</button>
以下是我编辑的版本:http://jsfiddle.net/nagwW/13/
有没有办法让调整大小箭头更靠近按钮?
答案 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中并使其可拖动和调整大小,同时使按钮可调整大小。所以你会同时拥有这两种效果。