Minulla on bootstrap-modaalinen valintaikkuna, jonka haluan näyttää aluksi, ja kun käyttäjä napsauttaa sivua, se katoaa. Minulla on seuraava:
$(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>
Modaali näytetään aluksi, mutta se ei sulkeudu, kun sitä klikataan modaalin ulkopuolella. Myöskään sisältöalue ei ole harmaana... Miten saan modaalin näkymään aluksi ja sulkeutumaan, kun käyttäjä klikkaa alueen ulkopuolella? Ja miten saan taustan harmaaksi kuten demossa?
sulkea bootstrap modal voit siirtää 'hide' vaihtoehtona modal-metodiin seuraavasti
$('#modal').modal('hide');
Tutustu toimivaan [fiddle here][2].
bootstrap tarjoaa myös tapahtumia, joita voit kytkeä modaalin toiminnallisuuteen, esimerkiksi jos haluat laukaista tapahtuman, kun modaalin piilottaminen käyttäjältä on päättynyt, voit käyttää hidden.bs.modal-tapahtumaa voit lukea lisää modaalimenetelmistä ja tapahtumista täältä Documentation.
Jos mikään edellä mainituista menetelmistä ei toimi, anna id sulje-painikkeelle ja laukaise klikkaus sulje-painikkeella.
Minun viisi senttiä tästä on, että en halua kohdistaa bootstrap-modaalia id: llä ja nähdä, että pitäisi olla vain yksi modaali kerrallaan, seuraavan pitäisi olla aivan riittävä poistamaan modaalin, koska vaihtaminen voisi olla vaarallista:
$('.modal').removeClass('show');