問題タブ [jquery-ui-resizable]

div/要素をクリックしてから別の要素をクリックしても、古い div が選択解除されません。

ドラッグ可能でサイズ変更可能なjquery uiを使用しています。要素をダブルクリックすると、nicEditがwisiwigとして使用されます。

要素をダブルクリックすると、nicEdit がアクティブになります。次に、他の要素をクリックして、現在の要素のサイズを変更したりドラッグしたりできます。問題は、前に選択した要素に現在、上の画像で確認できるテキストが選択されていることです。

nicEdit( http://nicedit.com/ )を使用しています。

どんな提案でも大歓迎です。

ありがとう。

こんにちは、この問題を解決する方法がわかりません。div のサイズを変更するには、「overflow: hidden」を使用しますが、これを配置すると、div の外にドラッグできません (できますが、透明です)。終了してサイズを変更すると、 div は非表示になりません:

HTML

CSS

JS:

オーバーフローのない jsFiddle: 非表示: http://jsfiddle.net/hq9Pw/2/

オーバーフローのある jsFiddle: 非表示: http://jsfiddle.net/hq9Pw/3/

ID sample1 と sample2 の 2 つのテーブルがあります。sample1 には が含まれ<th class="header">、 sample2 には が含まれます<td class="desc">。私がやりたいのは<th>、sample1 でサイズを変更するときに<td>、同じ同期で自動的に sample2 でサイズを変更することだけです。jQueryresizeable()メソッドを使用していますが、取得できません。

助けてください。

参照用のコードは次のとおりです。

このコードは、ここにある他の質問の1つで見つかりました。それはまさに私が探しているものです（ドラッグ可能で、最後にクリックされたものに基づいてdivをきちんとスタックします）。ただし、div IDのサイズを変更したいのですが、コードを台無しにせずにそれを行う方法を理解することはできません。 。

http://jsfiddle.net/LQ4JT/7/

以下のコードを使用して、画像をドラッグしてサイズを変更しました。

サイズ変更可能は正しく機能しています。しかし、画像をドラッグしても機能しません。div構造を申請した場合

その正常に動作します。

イメージタグのドラッグとサイズ変更を実装するにはどうすればよいですか?

コードはChromeで動作し、IE9で動作するようにコードを取得しようとしています。封じ込めなしでdraggable（）で適切に動作しますが、封じ込めが親に設定されている場合、動作をひどく台無しにします。

親の位置は相対に設定されます。jquery1.7.2とjquery-ui1.8.20を使用しています。回避策はありますか？

編集

多くのテストの結果、divのコンテナサイズの計算が正しく機能していないことがわかりました。実際にdivのサイズを変更しなくても、サイズ変更を有効にして機能させることができました。ドラッグ可能な包含領域のサイズを変更するとすぐにサイズが小さくなり、サイズを複数回変更すると、ドラッグオプションが機能しなくなるまで、この領域が小さくなります。

fullCalendarのイベントを水平方向にサイズ変更可能にする方法を誰かが知っていましたか??

私はそれについて検索していましたが、何も見つかりませんでした。

誰でも私を助けることができますか？

JQuery ui によるサイズ変更可能なプラグインが好きです: http://jqueryui.com/demos/resizable/

スクリプトに実装したいのですが、そのためには、デモでわかるように、上と左だけでなく、四隅のいずれかをドラッグして要素のサイズを変更するプラグインが必要です。これどうやってするの？

ハンドル: 'all' オプションの場合、問題が発生します。2 番目の要素のサイズ変更は、その要素の左上隅が同じ場所に留まるように常に行われます。

最初の要素の左上隅をドラッグするとどうなりますか? 次に、これを取得します: http://jsfiddle.net/gcDYq/embedded/result/

何らかの理由で、サイズ変更している要素での要素のサイズ変更は、左上隅を基準にしています。したがって、そのロジックがこの問題を引き起こしています。

これを修正するにはどうすればよいですか?

問題が何であるかについてこれが十分に明確であり、皆さんが私を助けてくれることを願っています:)

ドラッグおよびサイズ変更可能なボックスに問題があります。それは正常に動作し、ドラッグとリサイズは正常に行われますが、これらの要素を保持するコンテナーがあり、オーバーフローをトリガーして div をリサイズしようとすると、失敗してコンテナーの幅にリセットされます。http://jsfiddle.net/JTTYM/26/

更新:: OK、問題の説明が間違っている可能性があります。この URL: http://jsfiddle.net/JTTYM/52に移動し、スクロールして緑色のボックスを見つけ、サイズを変更してみてください。サイズを変更すると、オーバーフロー スクロール バーが消えます。上記のように、オーバーフロー値がサイズ変更でカウントされないようです