問題タブ [jquery-ui-resizable]

子/親に関して要素のサイズを変更することは可能ですか? 要素の幅を簡単にゼロにサイズ変更できるため、チャイルド オーバーフローが発生します。これは (私にとっては) 悪いことです。これを防ぐためにjqueryに何らかの動作がありますか?

解決策の 1 つは、resize() イベントにバインドし、内部要素の位置/サイズを取得して、(child.width + child.left < parent.width) かどうかを確認することです。しかし、この場合、jqueryにこれ以上サイズを変更しないように指示する方法がわかりません。

要素のサイズ変更から親への別のビューもありますが、同じである可能性があります。要素の兄弟のいずれかが親をオーバーフローしているかどうかを確認します。

アドバイスありがとうございます。

サイズ変更可能なjquery-uiを使用しようとしています。

ここで私はサイズ変更可能なものを作成しています:

サイズ変更可能なものを作成した後のdivは次のとおりです。

今、これは機能しません。

divボックスのサイズを変更しようとすると、divのサイズが変更可能になりますが（ハンドルが表示され、アイコンが変更されるなど）、何をしても同じサイズのままです。これをデバッグしている間に onStop および onStart コールバックが起動したため、サイズ変更プロセスが発生します。

誰が私が間違ったことを教えてもらえますか?

絶対divと関係があると思います。

ありがとう、

タル

<p>jQueryのサイズ変更可能な親に対する子の位置を維持することは可能ですか?

私の言葉遣いが少し混乱している場合は申し訳ありません。

ここで実際の動作を見ることができます。

私が望んでいるのは、それらの「タイル」が別の形にドラッグされたときに、<p>要素がタイルの左下隅にとどまるようにすることです。

純粋なCSSでこれを達成することは可能ですか?

ありがとう！

私はここに別のウェブサイトへのショートカット（「タイル」）があるサイトを持っていました。

これで、「タイル」の位置をCookieに保存できるようにするスクリプトができました。これにより、ユーザーが後日Webサイトに戻ったときに、タイルの配置が保存されます。

そのスクリプトは次のとおりです。

これで、以前にアクセスせずに最初にWebサイトをロードすると、タイルはすべて、幅5タイル、高さ2タイルのグリッドに配置されます。

ボタンをクリックするEditと、タイルはドラッグ可能でサイズ変更可能になります。

したがって、新しいDoneボタンをクリックしてブラウザウィンドウを終了し、新しいブラウザウィンドウでWebサイトに戻ると、位置は保存されますが（これも混乱することがあります）、ある種の「非表示」リンクがあります。残ったタイルの元のグリッドを形成します。

なぜこうなった。たとえば、元の編集で、左上のGoogleタイルを元の位置から移動し、YouTubeタイルの下に配置したとします。

次に、戻ってきて、Googleタイルがあったブラウザウィンドウ上の位置にマウスを合わせると、まだそこにあるかのようにクリックできます。pointer編集モードでないときにリンクにカーソルを合わせるとカーソルが表示されるようにCSSを設定しているので、これは簡単にわかります。

リンクを元の位置から削除する方法はありますか？

サイズ変更可能な行が取り出された場合、これは正常に機能しますが、これらの画像をドラッグおよびサイズ変更可能にしたいのですが、同じ要素に両方の属性を持たせようとすると、おかしな動作が発生します。誰かがこれを機能させる方法を知っていますか?

ありがとう！

jQueryUIのサイズ変更の使用さまざまなルールに基づいてサイズ変更を防止しようとしています。組み込みの封じ込め機能は、絶対的に配置された要素では適切に機能しないようです。とにかく、それよりも柔軟なものが必要になります。

このようなものを持っている：

サイズ変更を防ぐために「ui」オブジェクトにどのように伝えることができますか？

ありがとう。

画像を含む div 要素があります。jQuery-UI を使用して div をサイズ変更可能にし、div と子の画像要素の両方のサイズを変更したいと考えています。

以下のように alsoResize を使用してみましたが、対応する子画像ではなく最初の div 画像のサイズを変更しているようです。

これを実証するためにフィドルを作成しましたhttp://jsfiddle.net/letsgojuno/EhyGy/

このコンテキストは、現在サイズ変更されている div ではなく、常に最初の div であるようです。

ユーザーが HTML ページを作成して、別のサイトで保存および共有できるサイトを構築しています。ページ要素のサイズ変更とドラッグができるようにしたい。jQueryを使用してこれを行うことができますが、それを保存して、ページが他の場所で表示されたときに同じように見えるようにする方法がわかりません。

ページ情報を保存する方法はまだ決めていませんが、データベース内の各要素をその絶対位置とその内容と共に保存できると考えています。それは良い計画のように聞こえますか？

もしそうなら、保存できるように div の位置を php に渡すにはどうすればよいですか?

ありがとう。

私はDIVのこの構造を持っています

resizable()そして、このjqueryUiを使用して「外側」のdivを作成しました

今まですべてがOKです！

////////////////問題/////////////////

外側のサイズを変更すると、内側のサイズが変更されますが、「コンテナー」divに到達すると停止しますが、これは問題ありませんが、内側はマウスを動かしてサイズを変更し続け、「コンテナー」と「外側」のDIVを超えます!!!!

「コンテナー」の div 制限に達したときに、「内側」も「外側」で停止させることはできますか????

事前にありがとう、私はあなたが助けることができることを知っています:)