0

我正在尝试使用 jQuery UI 制作一个可拖动可调整大小的按钮,但它似乎不能同时做到这两点。

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

是我的代码。

这是一个 jquery ui 错误吗?

编辑:

我错过了一个</button>

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

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

4

2 回答 2

1

正如您在此处的 jsFiddle中看到的那样,这似乎确实是一个问题,主要是按钮,可能是由于在 .resizable() 调用时添加了一个包装器。

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

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

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

虽然,现在我考虑了一下,最好不要更改按钮,考虑一下,用户单击按钮将其拖动到某处,拖动完成,突然单击动作被触发并且他们想要的拖动现在一切都搞砸了!这就是为什么 jquery 从来没有打算在按钮上使用这些功能。可能会导致很多头痛,仅供参考。

于 2012-04-17T18:03:23.847 回答
0

将您的按钮包裹在一个 div 中并使其可拖动和调整大小,也使您的按钮可调整大小。因此,您将同时拥有这两种效果。

于 2017-03-27T13:23:54.077 回答