JQuery 模态弹出窗口 Firefox 闪烁

Question

这是一个非常奇怪的问题，同样难以描述。

我有一个 div，其中包含一个显示一天中的小时数 (0-23) 的下拉列表(选择列表)。该 div 使用标准 jquery 方法 $("#div").dialog(...) 显示 JQuery 模式对话框。在显示对话框之前，我在上面的选择框中设置了所选元素。我遇到的问题仅发生在 Firefox 中。当所选元素大于或等于20时，屏幕会闪烁，并出现jquery模态对话框。如果选择的值小于 20，模式对话框将正常显示并且屏幕不会闪烁。我知道这听起来很奇怪，但我已经调试了这个问题两天了，这就是我得出的结论。众所周知，当您下拉选择元素时，您会看到固定数量的选项，只有当您向下滚动选择框时才能看到其他选项。就我而言，我看到前 19 个元素，从第 20 个元素开始，它们不在用户的视口(viewport)中，但他必须滚动才能找到此选项。我确信，当我将所选元素设置为视口(viewport)中看不到的任何元素(但确实存在于下拉列表中最后一个可见元素下方)时，屏幕会闪烁。我通过在选择框的开头添加 10 个额外元素来对此进行测试，闪烁从第 10 个元素开始发生。 (不是 20，而是当我将所选选项设置为超过第 9 个元素时开始)。

我尝试过的事情:1. 删除了设置所选项目的代码，这消除了闪烁，确认选择框确实是原因。2. 不要在jquery模态中显示div，而是在屏幕上显示为常规div。这不会导致闪烁，确认 jquery 对话框正在执行导致闪烁的操作。3. 从 DOM 中删除下拉菜单，并在 jquery 模式弹出窗口加载后将其添加回来。闪烁依然存在。还有很多其他选择...但没有成功!

如果有人帮助我解决这里发生的事情，我将非常感激!

我不确定如何在此处上传附件，并且编辑器不允许我粘贴 HTML 代码。所以，我在 jquery ui 支持论坛上写了一篇类似的文章。请查看那里的代码。

Link for the Code

谢谢

Answer 1

尝试将 style="overflow:hidden"添加到 div(或更新样式表) - 我在 Firefox 中遇到过 jQuery 闪烁问题，之前已经通过这种方式解决了。