JQuery Modal Popup Firefox titreme

Question

Bu çok garip bir sorundur ve tanımlanması da aynı derecede zordur.

Günün saatlerini gösteren bir açılır menü (seçim listesi) içeren bir div var (0-23). Bu div, $ ("# div") standart jquery metodu kullanılarak JQuery modal diyaloğu görüntülenir. Diyaloğu göstermeden önce, seçili elemanı yukarıdaki seçim kutusuna ayarlıyorum. Karşılaştığım konu sadece Firefox'ta gerçekleşiyor. Seçilen eleman 20'ye eşit veya daha büyük olduğunda, jQuery modal diyaloğu geldiğinde ekran titrer. Seçilen değer 20'den azsa, kalıcı iletişim kutusu iyi gelir ve ekran titremez. Bunun çok tuhaf olduğunu biliyorum ama iki gün boyunca bu sorunu ayıkladık ve bu benim geldiğim sonuç. Seçme elemanını düşürdüğünüzde hepimiz biliyoruz, sabit sayıda seçenek görüyorsunuz ve diğer seçenekler sadece seçim kutusunu aşağı kaydırdığınızda görülebilir. Benim durumumda, ilk 19 öğeyi görüyorum ve 20'den itibaren, kullanıcının bakış açısında değil, ancak bu seçeneğe ulaşmak için kaydırması gerekiyor. Seçili öğeyi görüntü alanında görünmeyen herhangi bir şeye ayarladığımda (ancak, açılır menüdeki son görünür öğenin altında gerçekten mevcutsa), ekranın titriyor olduğundan eminim. Bunu, seçim kutusunun başına 10 tane daha fazla eleman ekleyerek test ettim ve titreme, 10. elemandan başlayarak başladı. (20 yerine, seçilen seçeneği 9. öğe üzerindeki herhangi bir şeye ayarladığımda başladı).

Denediğim şeyler: 1. Seçilen öğeyi ayarlayan kod kaldırıldı ve bu, seçim kutusunun gerçekten neden olduğunu doğrulayarak titremeyi ortadan kaldırıyor. 2. Bölmeyi bir jquery modelinde değil, ekranda normal bir div olarak görüntülemeyin. Bu, jquery iletişim kutusunun titreşime neden olan bir şey yaptığını onaylayan titreşime neden olmaz. 3. Açılır listeden DOM kaldırıldı ve jquery modal açılır pencereleri yüklendikten sonra tekrar eklendi. Titreşim kalır. ve bir çok başka seçenek ... ama başarı yok!

Birisi bana burada neler olup bittiğine yardım ederse gerçekten minnettar olurum!

Burada bir ekin nasıl yükleneceğinden emin değildim ve editör HTML kodunu yapıştırmama izin vermedi. Bu yüzden, jquery ui destek forumuna benzer bir yazı yazdım. Lütfen oradaki kodu gör.

Link for the Code

Teşekkür

Answer 1

deneyin ekleyerek style = "taşma: gizli" div (veya güncelleme stil sayfasında) için - bu şekilde çözüldüğünü bundan önce ateş jQuery ile titreşim sorunları yaşadım.

Answer 2

Başka birinin aynı sorunu yaşadığına inanamıyorum. Asp.net sayfamda neler olduğunu anlamaya çalışırken iki gündür resmen harcadım. Güncelleme paneli kodumla ilgili bir sorun olduğunu düşündüm ama Rushi'nin örneğini yeniden üretmeye çalıştım ve söylediği gibi davrandı. Sadece aşağıdaki denetimi sayfaya manuel olarak ekledim (liste kutusunun arkasında hiçbir kod yok) ve bir updatepanel içindeki bir ajax sekmesinde yer alıyor. Öğeyi (20) seçilen şekilde ayarlarsanız, bu sekmeyi yüklerken sayfa titriyor. Tabcontainer, sekme paneli, güncelleme paneli ve açılır menüde belirtilen css'yi denedim, ancak şans yok. Çılgın seçim öğesi 19 no titreşimsiz, 20 (aslında 21st öğesidir) ve titreme yapar. Bu beni deli ediyor. Ve evet bu sadece FireFox'ta (3.6) çalışıyor. jQuery bir iletişim() yerleşik olmadığı için,) Sana jQuery UI iletişim (ortalama varsayalım

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