Question

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

我有一个div，其中包含一个显示一天中的小时数（0-23）的下拉列表（选择列表）。这个div使用$（“＃div”）。dialog（...）的标准jquery方法显示一个JQuery模式对话框。在显示对话框之前，我在上面的选择框中设置了所选元素。我面临的问题只发生在Firefox中。当所选元素大于或等于20时，屏幕会随着jquery模式对话框的出现而闪烁。如果所选值小于20，则模态对话框会正常显示，屏幕不会闪烁。我知道这听起来很奇怪，但我已经调试了两天这个问题，这是我得出的结论。众所周知，当您下拉选择元素时，您会看到固定数量的选项，只有当您向下滚动选择框时才能看到其他选项。在我的情况下，我看到前19个元素，从20开始，它们不在用户的视口中，但他必须滚动才能使用此选项。我确信当我将所选元素设置为视口中未看到的任何元素时（但确实存在于下拉列表中最后一个可见元素下方），屏幕会闪烁。我通过在选择框的开头添加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的闪烁问题，然后才通过这种方式解决。

Answer 2

我无法相信其他人也遇到同样的问题。我已经正式浪费了大约两天时间试图找出我的asp.net页面发生了什么。我实际上认为这是我的updatepanel代码的一个问题，但我只是试图重现Rushi的例子，它就像他说的那样行事。我只是手动将以下控件添加到页面（列表框后面没有代码），它嵌套在updatepanel内的ajax tabcontrainer中。如果将项目20设置为选中，则在加载该选项卡时页面会闪烁。我尝试了tabcontainer，tab面板，更新面板和下拉列表中提到的css，但没有运气。疯狂选择项目19没有闪烁，20（实际上是第21项）并且它闪烁。这让我疯了。是的，这只发生在FireFox（运行3.6）中。

<asp:DropDownList ID="DropDownList1" runat="server" >
<asp:ListItem Text="" Value="0" />
<asp:ListItem Text="....................................1" Value="1" />
<asp:ListItem Text="2" Value="2" />
<asp:ListItem Text="3" Value="....3" />
<asp:ListItem Text="4" Value="4" />
<asp:ListItem Text="5" Value="5" />
<asp:ListItem Text="6" Value="6" />
<asp:ListItem Text="7" Value="7" />
<asp:ListItem Text="8" Value="8" />
<asp:ListItem Text="9" Value="9" />
<asp:ListItem Text="10" Value="10" />
<asp:ListItem Text="11" Value="11" />
<asp:ListItem Text="12" Value="12" />
<asp:ListItem Text="13" Value="13" />
<asp:ListItem Text="14" Value="14" />
<asp:ListItem Text="15" Value="15" />
<asp:ListItem Text="16" Value="16" />
<asp:ListItem Text="17" Value="17" />
<asp:ListItem Text="18" Value="18" />
<asp:ListItem Text="19" Value="19" Selected="True" />
<asp:ListItem Text="20" Value="20"  />
<asp:ListItem Text="....................................21" Value="21" />
<asp:ListItem Text="22" Value="22" />
<asp:ListItem Text="23" Value="23" />
<asp:ListItem Text="24" Value="24" />
<asp:ListItem Text="25" Value="25" />
<asp:ListItem Text="26" Value="26" />
<asp:ListItem Text="27" Value="27" />
<asp:ListItem Text="28" Value="s28" />
</asp:DropDownList>

JQuery Modal Popup Firefox闪烁

2 个答案: