JQuery 모달 팝업 Firefox 깜박임

Question

이것은 매우 이상한 문제이며 설명하기가 어렵습니다.

하루 중 시간 (0-23)을 표시하는 드롭 다운 (선택 목록)을 포함하는 div가 있습니다. 이 div는 $ ("# div"). dialog (...)의 표준 jquery 메소드를 사용하여 JQuery 모달 대화 상자로 표시됩니다. 대화 상자를 표시하기 전에 위의 선택 상자에서 선택한 요소를 설정합니다. 내가 직면 한 문제는 Firefox에서만 발생합니다. 선택한 요소가 20보다 크거나 같으면 jquery 모달 대화 상자가 표시 될 때 화면이 깜박입니다. 선택한 값이 20보다 작 으면 모달 대화 상자가 잘 나타나고 화면이 깜박이지 않습니다. 이상하게 들리 겠지만 2 일 이상이 문제를 디버깅했으며 이것이 내가 결론에 도달 한 것입니다. select 요소를 드롭 할 때 우리 모두 알다시피, 고정 된 수의 옵션을 볼 수 있으며 다른 옵션은 선택 상자를 아래로 스크롤 할 때만 나타납니다. 제 경우에는 처음 19 개의 요소가 표시되고 20 번째 이후에는 사용자의 뷰포트에 있지 않지만이 옵션으로 이동하려면 스크롤해야합니다. 선택한 요소를 뷰포트에 표시되지 않는 항목으로 설정하면 (실제로 드롭 다운의 마지막 표시 요소 아래에 있음) 화면이 깜박 거립니다. 필자는 선택 상자의 시작 부분에 10 개의 추가 요소를 추가하여이를 테스트했으며 플리커는 10 번째 요소부터 발생하기 시작했습니다. (20 개가 아닌 9 번째 요소 이상으로 선택된 옵션을 설정하면 시작되었습니다.)

내가 시도한 것 : 1. 선택한 항목을 설정하는 코드가 제거되고 선택 상자가 실제로 원인임을 확인하는 깜박임이 제거됩니다. 2. div를 jquery 모달로 표시하지 말고 일반 div로 표시하십시오. jquery 대화 상자가 깜박임을 발생시키는 무언가를하고 있음을 확인하는 깜박임은 발생하지 않습니다. 3. jquery 모달 팝업이로드 된 후 DOM에서 드롭 다운을 제거하고 다시 추가했습니다. 깜박임이 유지됩니다. 및 다른 많은 옵션 ...하지만 성공하지 못했습니다!

누군가가 나에게 무슨 일이 일어나고 있는지를 알면 정말 감사하겠습니다.

여기 첨부 파일을 업로드하는 방법을 잘 모르며 편집자가 HTML 코드를 붙여 넣지 못하게했습니다. 그래서 jquery UI 지원 포럼에 유사한 게시물을 작성했습니다. 코드를 참조하십시오.

Link for the Code

감사

Answer 1

를 추가해보십시오 스타일 = "오버 플로우 : 숨겨진"사업부 (또는 업데이트 스타일 시트)에 -이 방법으로 해결 된 그 전에 나는 파이어 폭스에서 jQuery로 플리커 문제를 했어.

Answer 2

다른 누군가가이 같은 문제가 있다고 생각하지 않습니다. 나는 asp.net 페이지에서 도대체 무슨 일이 벌어지고 있는지 알아 내려고하는 데 약 2 일을 공식적으로 낭비했다. 실제로 그것이 내 업데이트 패널 코드의 문제라고 생각했지만 Rushi의 예를 재현하려고 시도했지만 방금 언급 한대로 작동했습니다. 난 그냥 페이지 (목록 상자에 대한 뒤에 코드)에 다음 컨트롤을 수동으로 추가하고 그것은 updatepanel 내부 아약스 tabcontrainer에 중첩되어 있습니다. 항목 20을 선택하면 해당 탭을로드 할 때 페이지가 깜박입니다. 나는 tabcontainer, 탭 패널, 업데이트 패널 및 드롭 다운리스트에서 언급 한 CSS를 시도했지만 운이 없다. 미친 아이템 19 번 깜박임 없음, 20 번 (실제로 21 번째 아이템). 깜박임. 이것은 나를 미치게 만든다. 그리고 네, 이것은 파이어 폭스에서만 발생합니다 (3.6 버전). JQuery와 대화() 내장을 가지고 있지 않는 한) 당신이 jQuery를-UI 대화 상자 (평균 가정

<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>