Question

我在jQuery UI布局中遇到了一个奇怪且模糊的问题。我在其中一个窗格中有一个下拉列表，无论何时单击它，它都会打开，但您可以选择任何内容。

过去似乎已经出现了这个问题，如下所示： 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'之内。

其他人遇到此问题，或者对如何修复它有任何想法？我正在努力制作一个小提琴，但遇到了一些麻烦。

Answer 1

我在Firefox中遇到了同样的问题，其中UI.Layout窗格中的选择列表菜单在悬停时会消失。我终于跟踪了以下内容的互动：

溢出：自动启动窗格
：before content：“”应用于窗格的微清除组件
evt.stopPropagation（）;在UI.Layout源

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

我在此处报告了此问题：https://groups.google.com/forum/#!topic/jquery-ui-layout/pHHxkewV9ZI

Answer 2

试试这个

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

Firefox选择jQuery UI Layout的问题

2 个答案: