Lubię bibliotekę Bootstrap na Twitterze i chciałbym spróbować użyć jej na mojej prostej stronie. Potrzebuję tam po załadowaniu strony automatycznie wyświetla the modal window. Czy ktoś może mi dać napiwek, jak to możliwe?Bootstrap.js - jak automatycznie wyświetlić okno modalne?
Dziękuję.
dobrze, że nie powinno być zbyt trudne ... zrobić coś takiego:
jQuery(document).ready(function($) {
$('#my-modal').modal(options)
});
obciążenie modalne, gdy strona jest już gotowa.
<body>
<div id="top">
<a tabindex="-1" href="#" id="metadata-link" data-target="#modal" data-toggle="modal">Metadata</a>
</div>
<div id="modal" class="modal hide fade in" style="display:none;">
<div class="modal-header">header<a class="close" data-dismiss="modal">x</a></div>
<div class="modal-body"></div>
<div class="modal-footer">footer</div>
</div>
<script>
$(document).ready(function() {
$('#top').find('a').trigger('click');
});
</script>
Pozdrawiamy.
Twój modal ...
<div class="modal fade" id="formSaludo" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
Jeśli ulike modalnych otwarty ... Użyj style = "display: block;" i class = "modal Fade In"
<div class="modal fade in" id="formSaludo" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" style="display: block;">
jakie są dostępne atrybuty, aby umieścić w opcji? –
W związku z tym, moja droga @DivpreetSingh, chciałbym skierować cię do [podręcznika] (http://getbootstrap.com/javascript/#modals) – giorgio