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>