Twitter Bootstrap 2.1 - 모달이 제대로 작동하지 않습니다.

트위터 부트 스트랩 모달을 통합하려고했지만 어떤 이유로 작동하지 않습니다.Twitter Bootstrap 2.1 - 모달이 제대로 작동하지 않습니다.

문제는 페이지가로드 될 때 모달이 표시된다는 것입니다.

나는 나의 <head>

<script type="text/javascript"> 
    $('#myModal').modal({show: false,keyboard: false}); 
    </script>

이 쓴 그러나 아무런 효과가 없다.

내가 사용하는 코드 : (http://twitter.github.com/bootstrap/javascript.html#modals)

<-- Button to trigger modal --> 
<a href="#myModal" role="button" class="btn" data-toggle="modal">Launch demo modal</a> 

<-- Modal --> 
<div class="modal" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> 
    <div class="modal-header"> 
    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button> 
    <h3 id="myModalLabel">Modal header</h3> 
    </div> 
    <div class="modal-body"> 
    <p>One fine body…</p> 
    </div> 
    <div class="modal-footer"> 
    <button class="btn" data-dismiss="modal" aria-hidden="true">Close</button> 
    <button class="btn btn-primary">Save changes</button> 
    </div> 
</div>

그것은 내가 다시 모달 버튼을 누르면이 사라지고, 2 시간이 표시되지만 페이지 전체가 darkend이며, 페이지가로드 된 직후 렌더링 (심지어 모달 자체가 어두움 임)

누구나 같은 문제가 발생 했습니까?

나는 그것을 당신이 문제를 볼 수 있도록 heroku에 밀었습니다. http://elobeast.com/ (오른쪽 상단 모서리 "데모 모달 실행")

출처

2012-08-23 Maik Klein

모달 주 컨테이너에 클래스를 추가하여 숨길 때까지 숨길 필요가 있습니다.

출처

2012-08-23 22:59:05

고맙습니다. –

Twitter Bootstrap 2.1 - 모달이 제대로 작동하지 않습니다.

답변

관련 문제