Başlangıçta göstermek istediğim bir bootstrap modal iletişim kutum var, ardından kullanıcı sayfaya tıkladığında kayboluyor. Aşağıdakilere sahibim:
$(function () {
$('#modal').modal(toggle)
});
<div class="modal" id='modal'>
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
<h3 id="myModalLabel">Error:</h3>
</div>
<div class="modal-body">
<p>Please correct the following errors:</p>
</div>
</div>
</div>
Modal başlangıçta görüntülenir, ancak modalın dışına tıklandığında kapanmaz. Ayrıca, içerik alanı gri renkte değil... Modalin başlangıçta görüntülenmesini ve kullanıcı alanın dışına tıkladıktan sonra kapanmasını nasıl sağlayabilirim? Ve arka planın demodaki gibi gri olmasını nasıl sağlayabilirim?
bootstrap modal'i kapatmak için aşağıdaki gibi modal yöntemine seçenek olarak 'hide' iletebilirsiniz
$('#modal').modal('hide');
Lütfen [fiddle here][2] çalışmasına bir göz atın
bootstrap ayrıca modal işlevselliğine bağlayabileceğiniz olaylar da sağlar, örneğin modal kullanıcıdan gizlenmeyi bitirdiğinde bir olay başlatmak istiyorsanız hidden.bs.modal olayını kullanabilirsiniz modal yöntemleri ve olayları hakkında daha fazla bilgiyi burada Dokümantasyon bölümünde okuyabilirsiniz
Yukarıdaki yöntemlerden hiçbiri işe yaramazsa, kapat düğmenize bir id verin ve kapat düğmesine tıklamayı tetikleyin.
Bu konudaki beş sentim, bootstrap modalini bir id ile hedeflemek zorunda kalmak istemediğim ve aynı anda yalnızca bir modal olması gerektiğinden, geçiş tehlikeli olabileceğinden modali kaldırmak için aşağıdakilerin oldukça yeterli olması gerektiğidir:
$('.modal').removeClass('show');