Turiu bootstrap modalinį dialogo langą, kurį noriu parodyti iš pradžių, o kai naudotojas spusteli puslapį, jis išnyksta. Aš turiu tokį langą:
$(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>
Iš pradžių modalinis langas rodomas, bet jis neužsidaro, kai paspaudžiama už modalinio lango ribų. Be to, turinio sritis nėra pilkos spalvos.. Kaip pasiekti, kad modalinis langas būtų rodomas iš pradžių, o paspaudus už srities ribų - uždarytas? Ir kaip padaryti, kad fonas būtų pilkos spalvos, kaip demonstracijoje?
norėdami uždaryti bootstrap modal, galite perduoti 'hide' kaip parinktį modaliniam metodui taip
$('#modal').modal('hide');
Prašome pažvelgti į veikiantį [fiddle čia][2]
bootstrap taip pat pateikia įvykius, kuriuos galite prijungti prie modal funkcijų, pavyzdžiui, jei norite sukelti įvykį, kai modalas baigiamas slėpti nuo naudotojo, galite naudoti hidden.bs.modal įvykį, daugiau apie modal metodus ir įvykius galite paskaityti Dokumentacija
Jei nė vienas iš pirmiau nurodytų metodų neveikia, suteikite uždarymo mygtukui id ir sukelkite uždarymo mygtuko paspaudimą.
Mano penki centai dėl šio vieno yra tai, kad aš nenoriu'turi būti nukreiptas į bootstrap modal su id ir matydamas, kaip ten turėtų būti tik vienas modal vienu metu taip turėtų būti visiškai pakankama pašalinti modal kaip perjungti gali būti pavojinga:
$('.modal').removeClass('show');