7

트위터의 부트 스트랩 라이브러리가 마음에 들고 내 간단한 페이지에서 사용하고 싶습니다. 페이지를로드 한 후 자동으로 the modal window 표시가 필요합니다. 아무도 내게 팁을 줄 수 있을까요, 어떻게 할 수 있습니까?Bootstrap.js - 모달 창을 자동으로 표시하는 방법은 무엇입니까?

감사합니다. 페이지가 준비되면

jQuery(document).ready(function($) { 
    $('#my-modal').modal(options) 
}); 

답변

9

아니라.

<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> 

감사합니다. "블록 디스플레이;"ulike 열 모달 경우

+0

옵션에 넣어 속성? –

+0

내 친애하는 @DivpreetSingh, 나는 당신을 [매뉴얼] (http://getbootstrap.com/javascript/#modals)로 리디렉션하고 싶습니다. – giorgio

2

이 모달로드 : 같은 것을 할 ... 너무 열심히하지 않아야

4

모달 ...

<div class="modal fade" id="formSaludo" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> 

... 스타일 = 사용클래스 = "의 모달 페이드는"사용할 수있는

<div class="modal fade in" id="formSaludo" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" style="display: block;"> 
관련 문제