JQuery iletişim modal seçeneği Bu HTML kodu

Question

çalışmıyor? Açıldığında hala sayfada diğer bağlantıları tıklayabilir ve arka planda bir şeyler yapabilirim.

Çok teşekkürler

GÜNCELLEME: olsa çalışıyor gibi görünüyor. Sadece bağlantılar arka planda aktiftir ve çalışır. Bağlantılar dahil olmak üzere her şeyi nasıl devre dışı bırakabilirim?

Answer 1

Muhtemelen jQuery UI CSS'yi sayfanıza eklemeniz gerekir.

tarihinde burada kendi CDN bu vardır:

http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/themes/base/jquery-ui.css

iletişim kutusunda kalıcı seçenek iletişim altında ancak içeriğin geri kalanı üzerinde bir bindirme oluşturur. Bu bindirme, doğru çalışması için jQuery UI CSS'ye ihtiyaç duyar.

Answer 2

Sadece aynı sorunu yaşadım. CSS'ye ihtiyacım vardı, ama hepsini istemedim. Bu yüzden sadece benim kendi CSS kodunda bu bölümü yapıştırılan kopya:

.ui-widget-overlay { 
    position: absolute; 
    top: 0; 
    left: 0; 
    width: 100%; 
    height: 100%; 
    background: #aaaaaa; 
    opacity: 0.3; 
} 

Answer 3

kullanışsız olacaktır bindirme tam üstünde görünür hale getirecek css sadece .ui-gereç-bindirme ve hatta iletişim ekleme.

Dolayısıyla .ui ön sınıfı da eklenmelidir:

.ui-widget-overlay { 
    position: fixed; 
    top: 0; 
    left: 0; 
    width: 100%; 
    height: 100%; 
} 
.ui-front { 
    z-index: 100; 
}