JQuery模式弹出式Firefox闪烁

Question

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

我有一个包含显示一天中的小时数（0-23）的下拉列表（选择列表）的div。这个div显示一个JQuery模式对话框，使用$（“＃div”）的标准jquery方法。dialog（...）。在显示对话框之前，我将选定的元素设置在上面的选择框中。我面对的问题只发生在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

尝试增加风格=“溢出：隐藏”到div（或更新的样式表） - 我已经受够了jQuery的闪烁问题，在Firefox中已经解决了这个方法之前。

Answer 2

我不能相信别人有这个相同的问题。我已经正式浪费了大约两天的时间，试图找出我的asp.net页面正在发生什么。我实际上认为这是我的更新面板代码的问题，但我只是试图重现Rushi的例子，它的行为正如他所说的。我只是手动将下面的控件添加到页面（没有代码为列表框），它嵌套在updatepanel内的ajax tabcontrainer中。如果您将项目20设置为选中，则在加载该选项卡时页面会闪烁。我试过在tabcontainer，标签面板，更新面板和下拉列表中提到的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>