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 hereでわかるように、これは主にボタンの問題であると思われます。これは、おそらく .resizable() 呼び出し時にラッパーが追加されるためです。

また、任意の要素を .click 値を持つボタンに変えることができるので、.resize と .drag の両方を問題なく使用できる div を使用してから、その div で .button を .click と共に使用しないでください。

お気づきの場合、私のフィドルはまさにそれを行います

あなたの新しいものと私のdiv表現でフィドルを更新しました http://jsfiddle.net/SpYk3/nagwW/25/

今考えてみると、ボタンの変更を許可しない方が良いと思いますが、これについて考えてみてください。ユーザーがボタンをクリックしてどこかにドラッグすると、ドラッグが完了し、突然クリックアクションが発生し、目的のドラッグが行われます今はすべて台無しです!そのため、jquery は、これらの機能がボタンで使用されることを意図していませんでした。参考までに、多くの頭痛の種になる可能性があります。

于 2012-04-17T18:03:23.847 に答える