Bootstrap css'de, kalıcı bir iletişim kutusu görüntülemek mümkündür, ancak bunu yapmak istedim, böylece kullanıcı arabirimi arka planda yanıt vermez. gösterilen koyu siyah arka plana sahip.bootstrap css - arka planı etkilemeden kalıcı bir iletişim modalı nasıl yapılır
Bunu, $ ("# selector") modal() işlevinde yapmama izin veren seçenek yok gibi görünüyor.
zemin kurtulmak için:
modal başlatılması
$('#XXX').modal({show:true});
sonra sadece <div class="modal"> için data-backdrop="false" eklemek
$('.modal-backdrop').removeClass("modal-backdrop");
Alex Marple tarafından ** doğru ** yaklaşımı için aşağıdaki cevaba bakınız. – FastTrack
Tek yapmanız gereken, siyah arkaplanın opaklığını değiştirmek için CSS'yi düzeltmektir. Alttaki öğelere yapılan tıklamaları engellemek için görünmesi gerekmez (bilmediğim bazı tıklama korumaları yoksa). Hedeflenecek sınıf div.modal-backdrop'dur.
Sadece bunu test ettim ve bu öğe üzerinde opaklık ayarını yaptıktan sonra: 0 hala tıklamaları engelliyor. – Synchro
yanılmıyorsam sen çağırarak bunu yapmak mümkün olmalıdır:
$("#selector").modal({
backdrop: "static"
});
aşağıdaki kodu tetikleyebilir ve Bootstrap gerisini halleder.
Örnek: görmemizi ve oynamak için
<div class="modal" id="genericModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" data-backdrop="false">
Bu en temiz cevaptır. Onaylanmış olan olmalı. –
Bu çözüm arka planı etkiler. Gördüğün gibi değil, ne tıklıyorsun. –
sen jsfiddle.net gibi ilgili kod sonrası olabilir, lütfen? Gerçekten birkaç saniye sürecek. –
Teşekkürler, işte keman: http://jsfiddle.net/NUVrd/1/ – jaffa