Firefox选择jQuery UI布局问题

Question

我在jQuery UI布局中遇到了一个奇怪而模糊的问题。我在其中一个窗格中有一个下拉列表，每当你点击它时，它就会打开，但你可以选择任何内容。

该问题似乎发生在过去，如本文所述：https://groups.google.com/forum/#！主题/jquery ui布局/ZaJxX3NbPx4

但在那篇帖子中，他们说它与showOverflowOnHover有关——我在插件中默认设置为false，在每个实例中都设置为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_side"位于"splitter"内部。

其他人遇到过这个问题，或者知道如何解决它吗？我正在制作一把小提琴，但遇到了一些麻烦。

Answer 1

我在Firefox中遇到了同样的问题，UI中的选择列表菜单。悬停时，布局窗格将消失。我最终追踪到以下内容的交互：

1. 溢出：窗格上的自动
2. 应用于窗格的microclearfix的：before-content:"组件
3. evt.stopPropagation（）；在UI.Layout源中的addHover（）中

您可以删除这些因素中的任何一个来解决问题。然而，更大的问题似乎是UI.Layout源代码中的错误，因为evt.stopPropagation（）；不是问题的原因，只是一个触发因素。注释掉这一行将修复问题，即使这一行代码在选择列表错误发生时没有运行。

我在这里报告了这个问题：https://groups.google.com/forum/#！主题/jquery ui布局/pHHxkewV9ZI

Answer 2

试试这个

$(function() {
    $('.ui-layout-content').click(function(e) {                                                                                             
        e.target.focus();                                                   
    });
})