1

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

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

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

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

$('.splitter').layout({
      resizeWhileDragging: true,
      sizable: false,
      animatePaneSizing: true,
      fxSpeed: 'slow',
      east__size: '70%',
      showOverflowOnHover: false,
      enableCursorHotkey: false
   });

   $('.splitter_inside').layout({
      resizeWhileDragging: true,
      sizable: false,
      animatePaneSizing: true,
      enableCursorHotkey: false,
      showOverflowOnHover: false,
      fxSpeed: 'slow',
      south__size: "40%"
   });

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

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

4

2 に答える 2

1

UI.Layoutペイン内の選択リストメニューがホバーすると消えるという同じ問題がFirefoxで発生しました。私は最終的にそれを次の相互作用まで追跡しました。

  1. オーバーフロー: ペインで自動
  2. ペインに適用されたマイクロ clearfix の :before content: "" コンポーネント
  3. evt.stopPropagation(); UI.Layout ソースの addHover() で

これらの要因のいずれかを削除して、問題を解決できます。ただし、より大きな問題は、evt.stopPropagation(); 以来、UI.Layout ソース コードのバグのようです。問題の原因ではなく、単なる引き金です。選択リストのバグが発生したときにこのコード行が実行されなくても、この行をコメント アウトすると問題が修正されます。

ここで問題を報告しました: https://groups.google.com/forum/#!topic/jquery-ui-layout/pHHxkewV9ZI

于 2013-07-16T13:28:20.117 に答える
0

これを試して

$(function() {
    $('.ui-layout-content').click(function(e) {                                                                                             
        e.target.focus();                                                   
    });
})
于 2014-10-02T17:39:27.687 に答える