2010-07-28 15 views
5

JQueryUI İletişim Kutusu açılır penceresini oluşturan aşağıdaki kod var. açılan ilk kullanıcıya görüntülendiğindeJQueryUI İletişim kutusu görüntüleme sorunu

$j('<div></div>') 
     .html(message) 
     .dialog({ 
      autoOpen: true, 
      bgiframe: true, 
      buttons: { 'Dismiss': function() { $j(this).dialog('close') } }, 
      closeOnEscape: true, 
      height: 'auto', 
      modal: true, 
      resizable: true, 
      width: 400, 
      title: 'An error has occurred'}); 

dev bir başlıkla, aşağıdaki resim gibi görünüyor. Pop-up'a ek css sınıfları eklenmediğini biliyorum.

JQuery açılır penceresini yeniden boyutlandırdıktan sonra, açılır pencere doğru görünür. Başlık hemen yeniden boyutlandırılır ve uygun şekilde görüntülenir.

Daha önce bununla karşılaştı mı?

alt text http://i26.tinypic.com/156vl3n.png

+0

(Bunun yerine yanıt yazdık); Diyaloglar için CSS'yi eklemeyi unutmuş olabilirsiniz, yani tema silindiri aracılığıyla temanızı oluştururken, ui-widget sınıflarını kullandıkları için, temel stilleri vardır ve daha sonra bunlar sizin içinize dahil ettiğiniz her modül tarafından bireysel olarak geçersiz kılınır. özel haddelenmiş jQuery UI. – peol

cevap

1

Sadece Yardımlarınız için teşekkürler

3

Daha önce böyle bir sorun haline çalıştırmak hiç ama iki şey öneririm: Eğer belirtiler değil sorunu çözmek istiyorsanız

, bir stil geçersiz kılma tıpkı olabilir:

Ayrıca, sorunlardan birine sorun olup olmadığını görmek için seçeneklerinizi bir kerede kaldırmayı da deneyebilirsiniz.

+0

Seçenekleri sistematik olarak kaldırmayı denedim ve bunların hiçbiri görünmüyor. Yine de iyi görünüyor. Bunu çözemiyorsam, her stili geçersiz kılabileceğimi tahmin ediyorum. Yine de etrafta biraz iş var, ha? –

+0

Evet, kesinlikle öyle, ama ne yazık ki son çare için sadece bir taneniz var ... Düşünebildiğim tek diğer konu, yarattığın çatışan stiller veya betikler. Tüm yayılmalara veya divlara uygulayacak stilleri var mı? – Will

+0

Göremediğim gibi değil. Firebug'a göre hiçbir şey uygulanmaz, sadece JQuery stilleri. –

1

bu iletişim başlığı sorunu için sadece iletişim'ın üst sınıfa aşağıdaki özelliği ekleyebilir mi ... son UI CSS güncellendi ve bir şampiyon gibi çalıştı

.ui-dialog { clear: both; }