問題タブ [jquery-ui-layout]

jQuery UI レイアウトで奇妙でわかりにくい問題が発生しています。ペインの 1 つにドロップダウンがあり、クリックするたびにドロップダウンが開きますが、何でも選択できます。

ここに記載されているように、この問題は過去に発生したようです: https://groups.google.com/forum/#!topic/jquery-ui-layout/ZaJxX3NbPx4

しかし、その投稿では、それは showOverflowOnHover に関連付けられていると述べていました。この属性は、プラグインと各インスタンスの両方でデフォルトで false に設定されています。

ここに私の初期化コードがあります:

「splitter_inside」は「splitter」の内部です。

他の誰かがこれに遭遇しましたか、それを修正する方法について何か考えがありますか? フィドルの作成に取り組んでいますが、問題があります。

トグラーに画像を追加しようとしています (マウス カーソルを上に移動すると、左側のバーがオレンジ色に変わります)。そこに画像を追加するにはどうすればよいですか？

ここで例を見ることができます：

http://jsfiddle.net/XjA4v/

HTML

Javascript

jsfiddle のクローンを作成しようとしています。これは 2x2 のレイアウトです。完全に機能するjQuery-UIレイアウトを見つけました... 2x2レイアウトには存在しない「中央」ペインが必要なようです。

「中央」ペインを無効にするにはどうすればよいですか? または、「jQuery UI-layout」または別のプラグインを使用して 2x2 パネル レイアウトを作成するにはどうすればよいですか?

私はこのすべての角張った新しいものです...

カスタム ディレクティブがあります。それを myDar と呼びましょう。このディレクティブ内で、リンク関数を定義します。私のhtmlでは、次のように、このディレクティブの複数のネストされたタグを使用したいと考えています:

「outer」のリンク機能を先に実行してほしい。どうすればいいですか？

それが一般的な質問です。それが役立つ場合、私が実際にやろうとしているのは、jquery ui レイアウト ( web サイトへのリンク) をラップするディレクティブを作成することです。したがって、「ui-layout」のディレクティブと、「center」、「west」などのディレクティブがあります。「ui-layout」ディレクティブでは、$(tElm).layout(options). ネストされたレイアウトを作成するときに問題があります。

Angular は最初に内部の「ui-layout」ディレクティブのリンク関数を実行しますが、jquery ui レイアウト プラグインが機能するには$(tElm).layout(options)、最初に外部を呼び出す必要があります。そうしないと、レイアウトが正しくレンダリングされません。

ペインを切り替えたときに関数をトリガーしようとしています。

これらの小さなボタン (写真の赤い丸) のクリック方法を「聞く」方法が見つかりません。これは私が西のボタンのために試したことです：

しかし、それをクリックしても、アラートはポップアップしません (ただし、ペインは表示/非表示になります)。F12 を使用すると、次の html があります。

内部に2つのdivがあり、1つは西ペイン、もう1つは中央ペインにあるコンテナdivのレイアウトを作成しています。現在、コンテナdivの幅を変更してから、コンテナdiv全体を埋めるために「西ペイン」サイズを設定しようとしています、期待どおりに機能していません。これは私が試したものです。

これが実用的なフィドルのサンプルです。最初に「コンテナの幅を変更」ボタンをクリックすると、赤い背景でコンテナの幅が変化するのがわかります。次に「西ペインの幅を変更」ボタンをクリックすると、西のペインは幅を変更してコンテナを埋めるようになっていますが、そのようには機能しません。 、これで私を助けてください。

私の要件は、 jQuery UI レイアウトで参照されているデモを参照しています

上記のように 3 つのトグルを取得する必要がありますが、統合によって 3 つの色付きのトグル ボタンが表示されません。デモと自分のサイトのページでコンテンツの読み込みを確認しましたが、div のフィールドが html に入力されていません... :(

何か不足していますか？

私は以下のようなことをしました：

違いは 1 つだけでした。

ページの読み込み時にレイアウトを呼び出し、ボタンのクリック時にトグルを追加しています:

上記のようなもの。

レイアウトのインスタンス化が完了したときに、トグルを使用してレイアウトを実現する方法を教えてください。

優れたjQuery UI Layout pluginを使用して、フル ページ インターフェイスを作成しようとしています。

中央のペインに複数のダイアログを保持し、それらをそのペイン内に含めることができるようにしたいと考えています。ここまでは順調ですね。ただし、ダイアログを「邪魔にならないように」ドラッグして右または下に移動できるようにしたいので、中央のペインにスクロールバーが表示され、中央のペインがダイアログボックスのスクロール可能なデスクトップとして機能できるようになります。他の UI の目的で、他のペインを常に表示したい。

HTML:

jQuery:

ご覧のとおり、ほとんど機能しますが、スクロールは水平方向には機能しません。dialog1 を含めて実験しましたが、これは事態を悪化させます! おそらく、それは単なる CSS の問題か、設定と組み合わされたものです。何か案は？

jsフィドル