問題タブ [jquery-ui-resizable]

私のウェブサイトではプロトタイプを使用しています。プロトタイプでは、ドラッグ可能なオブジェクトなど、いくつかのオブジェクトに関数をパラメーターとして渡すことができます。

私は最近、サイズ変更可能な jquery を使用すると述べましたが、その動作を正確にカスタマイズする方法がわかりません。

デフォルトのオプションでは、グリッド サイズを動的に変更したり、格納プロパティを設定したりするなど、いくつかのカスタム操作を行うことができません。

より具体的には、サイズ変更可能なオブジェクトを div の境界内にとどめたいと考えています。包含オプションはうまく機能しません。サイズ変更可能な上部からの div の高さの残りの部分だけでなく、div の高さ全体をカウントしているように見えます。

共有する高度なサイズ変更可能なカスタマイズの例があれば、それは素晴らしいことです。

ここに私がこれまでに持っているものがあります:

ご協力いただきありがとうございます、

タル

サイズ変更可能な領域には、並べてサイズ変更したい 2 つの領域が含まれています。各領域の水平方向の成長率は 1:1 ですが、含まれる 2 つの領域が並んでいるため、それらの幅の合計はコンテナーの 2 倍の速さで成長します。含まれている 2 つの領域の水平方向の成長を半分にカットするにはどうすればよいですか。

alsoResize高さのみで機能し、幅と高さの両方では機能しないオプションを作成するにはどうすればよいですか?

サイズ変更可能なプラグインの_alsoResize関数を拡張するにはどうすればよいですか？

ヘルパー オプションがオンになっていても、プラグインは alsoResize オプションで指定された要素のサイズを変更しています。そうしないようにするにはどうすればよいですか？

jqueryレイアウトプラグインを使用していますが、次のような状況で解決策が見つかりません。divを下の境界線を超えてドラッグして、中央のペインのサイズを永続的に大きくするにはどうすればよいですか。

左ペインと中央ペインがあります。ユーザーが左側のペインをクリックすると、動的にdivが生成されます。divが生成され、中央のペインにドロップされます。divはドラッグ可能で、サイズ変更可能です。表示されている中央領域をドラッグしてサイズを変更すると、すべて正常に機能します。divを下からドラッグすると、中央のペインにスクロールバーが表示され、ドラッグしたdivの新しい位置に対応するために中央のペインが伸びているように見えます。しかし、divのサイズを変更したり、別のdivを追加したりしようとすると、divの上部にジャンプして、スクロールバーがリセットされます。Firebugで中央のdivの高さを確認しましたが、新しいdivを下からドラッグした後でも、初期化すると同じ高さのままです。

これがテストページのhtmlコードです。

完全にコピーしてhtmlページに貼り付けるだけです。左側のペインで[新規追加]ボタンをクリックすると、ドラッグ可能でサイズ変更可能な新しいdivが追加されます。

1. 「新規追加」をクリックします
2. 新しく追加したdivを中央のペインの下部を超えてドラッグします。
3. 中央のペインには、想定どおりのスクロールバーが表示されます。
4. ファイアバグで中央のdivの高さを確認すると、変化していません
5. 次に、ハンドルをドラッグして、新しく追加されたdivのサイズを変更してみます
6. 一番上にジャンプし、中央のボックスはスクロールバーを失います。

完全なhtmlページを貼り付けることができなかったので、このスレッドの下部にあるコードへの参照を示します http://groups.google.com/group/jquery-ui-layout/browse_thread/thread/ca922aa44c0048ee

そしてここにテストリンクがありますhttp://jsfiddle.net/yZc63/

プロパティ status="lock" を持つオブジェクトがあります。このオブジェクトを表す div は、サイズ変更およびドラッグ可能です。

ドラッグ可能な場合、次のロジックを使用すると、ドラッグは効果的にロックされます: {... if status==lock then return false ...}

ただし、サイズ変更可能の同じロジックは機能しません

resizable("disabled") を設定できますが、開始またはサイズ変更イベント内でサイズ変更を停止できるかどうか疑問に思っていました

ありがとうございました

jQuery UI を使用してサイズ変更可能な div があります。動的にサイズ変更できないようにするにはどうすればよいですか? 電話をかけてみresizable({ disabled: true })ましたが、ハンドルがまだ表示されていました。

jQuery UI のサイズ変更可能なハンドルが、ページ内の他のすべての要素の上にあることに気付きました。Chrome の開発者ツールを使用して確認したところ、自動的に 1001 の z-index が与えられていることがわかりました。これを無効にして、サイズ変更可能な要素と同じ z-index を与える方法はありますか? ありがとう。

私のページには、jQueryUIを使用してサイズ変更とドラッグの両方が可能なdivがいくつかあります。これらのdivを呼び出すhtml()と、divのコンテンツだけでなく、サイズを変更できるようにしたときにjQueryUIによって挿入された追加のコンテンツも取得します。

text()現在のテキストを取得するために機能しますが、を使用してコンテンツを設定しようとすると$("selector").text("new text")、jQuery UIコードが置き換えられ、divのサイズを変更できなくなります。jQuery UIのサイズ変更可能なコードではなく、テキストを取得/設定するにはどうすればよいですか？