問題タブ [jquery-ui-layout]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票する
1 に答える
3371 参照

jquery - Jquery UIレイアウト-サイズ変更中にサイズを変更しますか?

この例http://layout.jquery-dev.net/demos/toggle_alternate_layouts.html では、サイズ変更が「オンザフライ」であることがわかります。

これは「resizeWhileDragging:true」オプションだと思いますが、私の例では機能しません-> http://jsfiddle.net/FrbW8/28/

私の問題は、彼に関するドキュメントが見つからないことです(myabe私は盲目すぎます:))-> http://layout.jquery-dev.net/documentation.cfm

誰かが私を助けてくれることを願っています。ピーターよろしく

0 投票する
0 に答える
369 参照

jquery - javascript - 動的生成レイアウトで jQuery UI レイアウトを使用する

jQuery UI Layout プラグインを使用して、ページ レイアウト (スプリッター) を実装しています。

しかし、レイアウトが動的に読み込まれると失敗しました(AJAXビューの読み込み)。

動的ロード レイアウト ページでレイアウト プラグインを使用できますか?

私の状況:

  1. サーバーから AJAX 経由でページを読み込み、ページは UI レイアウトのルールに一致します。
  2. UI レイアウト プラグインを使用してレイアウトを初期化しますが、機能しません。

ありがとう。

0 投票する
1 に答える
1042 参照

javascript - jQuery UIレイアウトプラグインのOVERFLOW設定

jsFiddleは、説明をわかりやすくするために提供されています。この場合、 jQuery UI レイアウト プラグインTrent 日時ピッカー プラグインの 2 つのプラグインを使用しています。

ポップアップ日時ピッカーは、西ペインのサイズ変更バーによってブロックされます。オプションを設定するwest__showOverflowOnHover: trueと、スクロール バーが機能しなくなります。こちらのオーバーフロー設定手順に従っていますが、まだ完了していません。

それとも、これら 2 つのプラグインの間に競合があるのでしょうか?

0 投票する
1 に答える
4519 参照

jquery - jqueryuiレイアウトのカスタマイズ

ui-layout-westセクションを固定幅にし、サイズ変更可能なバーを非表示にするのが好きです。これを試しましたが、それでもui-layout-paneの右側の境界線が表示されます。

cssで:

およびJavaスクリプトの場合:

レジアブルバーを削除する方法や非表示にする方法について何かアイデアはありますか?

0 投票する
1 に答える
3130 参照

javascript - jquery uiレイアウトでdivの高さを設定する

調整可能なグリッド プラグイン (jquery ui レイアウト) を試してみました。プラグインを使用して各 div の幅を設定することができました。jsfiddle リンクhttp://jsfiddle.net/J4bJ3/1/に追加された内側の北の div ive の高さを調整できるかどうか疑問に思っていました

$("#facetContainer").css({"height":"50%"}); ロード時間を試してみました。それはうまくいきません

0 投票する
1 に答える
414 参照

jquery - jquery ui レイアウト プラグインと ui ソート可能 - 交換可能なリスト

jquery ui レイアウト プラグインと 2 つの並べ替え可能なリスト要素を一方向にのみドラッグ アンド ドロップします。例を参照してください: http://layout.jquery-dev.net/demos/droppable.html 各リストは別のペインにあります。

プロパティ connectWith: "ul" を各ソート可能なリストに設定しても、要素をいずれかのリストにドラッグ/ドロップすることはできません。

0 投票する
0 に答える
638 参照

jquery - sizePane でサイズ変更すると、jquery-ui-layout で間違ったアニメーションが生成される

mainLayout次のように、と の2 つのネストされたレイアウトがありwestlayoutます。

メイン レイアウトは 2 つのペイン (西と中央) で構成されます。westlayout も 2 つのペイン (中央と南) で構成されています。

mainLayout.sizePane("west", x)ここで、ペインの状態に応じて x が 40 または 300 になるカスタム トグルを mainLayout の西ペインに追加しました。

初期状態では、次のようにすべてのパネルが開いています。

ここに画像の説明を入力

初めてトグルをクリックすると、完全な西ペインが 40px 幅にアニメーション化され、正しく動作します。状態は次のようになります。

ここに画像の説明を入力

トグラーをもう一度クリックすると、痛みは最初の幅 (300px) に戻るはずです。繰り返しsizePane("west", 300)ますが、メインのレイアウトでのみ使用しています。これは基本的に機能しますが、40px の状態から 300px の状態へのアニメーション中に何らかの理由で西南ペインのみがアニメーション化され、西中央ペインは西南ペインのアニメーションが終了した後に 300px に「ポップ」します。

アニメーション中は次のようになります。

ここに画像の説明を入力

ペインの layoutOptions はほとんどデフォルトです。デフォルトとの違いは次のとおりです (すべてのペインに同じものがあります)。

  • sizePaneネストされたレイアウトで使用する場合に注意する必要があることはありますか?
  • 子レイアウトなどへの呼び出しがありませんか?
0 投票する
1 に答える
182 参照

javascript - jQuery UI レイアウトの閉じたパネルで iframe の番号が付け直される

初心者からの簡単な質問: パネルを閉じて再度開いた後、jQuery UI レイアウトを元の iframe 番号付けに戻すにはどうすればよいですか? たとえば、それぞれに iframe を含む 3 つのパネルがあります。最初の 2 つの iframe パネルのファイル内のページ リンクは、一方のリンクが両方をトリガーするように接続されています。たとえば、iframe ページ 1 では次のようになります。

iframe パネル 1 と 2 の両方を 2 ページ目に送信することです。ただし、2 番目の iframe パネルが閉じられると、3 番目の iframe パネルは「frames[1]」になり、iframe パネル 1 のターゲットになります。iframe パネル 1 のリンクは、3 番目のパネルが open+/close されるまで、再びパネル 2 をターゲットにしません。

開いているかどうかに関係なく、特定のパネルを特定の iframe 番号に強制的に関連付ける簡単な方法はありますか? または、iframe の番号付けを (ロード時のように) 元のパネルに自動的に戻す方法はありますか? この場合、ドキュメントの別のページに移動するため、リロード (トップに送信する場合) は望ましくありません。ありがとう。