Jeg har en bootstrap-modal dialogboks som jeg vil vise innledningsvis, og når brukeren klikker på siden, forsvinner den. Jeg har følgende:
$(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>
Modalen vises først, men den lukkes ikke når det klikkes utenfor modalen. Innholdsområdet er heller ikke nedtonet.... Hvordan kan jeg få modalen til å vises først, og deretter lukkes når brukeren klikker utenfor området? Og hvordan kan jeg få bakgrunnen til å være nedtonet som i demoen?
for å lukke bootstrap modal kan du sende 'hide' som alternativ til modal metode som følger
$('#modal').modal('hide');
Vennligst ta en titt på arbeidet [fele her][2]
bootstrap gir også hendelser som du kan koble til modal funksjonalitet, som hvis du vil avfyre en hendelse når modalen er ferdig med å være skjult for brukeren, kan du bruke hidden.bs.modal hendelse Du kan lese mer om modale metoder og hendelser her i Dokumentasjon.
Hvis ingen av de ovennevnte metodene fungerer, gir du en ID til lukkeknappen og utløser klikk på lukkeknappen.
Mine fem cent på denne er at jeg ikke ønsker å måtte målrette bootstrap modal med en id, og siden det bare skal være en modal om gangen, bør følgende være ganske tilstrekkelig til å fjerne modal som veksling kan være farlig:
$('.modal').removeClass('show');