모달이 ie9에서 위로 벗어나지 않습니다

로그인하거나 가입 버튼을 클릭하면 모달이 열립니다 .... 크롬 브라우저의 상단에서 모달 슬라이드 ... 여기서 ie9 브라우저에서와 같이 그냥 열립니다 .... 자바 스크립트 여기에모달이 ie9에서 위로 벗어나지 않습니다

http://jsfiddle.net/KNPZB/10/embedded/result/

<script type="text/javascript"> 
     $('#myModal').modal({ show: false }) 
    </script> 
    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> 


<div id="myModal" class="modal hide fade" style="width: 427px; height: 226px;"> 
     <div class="modal-header"> 
     <button type="button" class="close" data-dismiss="modal" aria-hidden="true" >&times;</button> 
     </div> 
     <div class="modal-body" style="width: 336px;"> 

     <form method="post" class="navbar-form pull-right" action="http://intra.defie.co/Account/"> 
       <input class="span2" type="text" name="email" placeholder="Email" style="width: 263px; margin-top: 19px; margin-bottom: 10px;"><br> 
       <input class="span2" type="password" name="password" placeholder="Password" style="width: 263px;"><br> 
       <button type="submit" class="btn" style="margin-top: 13px; margin-left: 100px;">Sign in</button> 
      </form> 



     </div> 

    </div>

출처

2013-03-07 user2136828

보다 적어도 몇 가지 문제를 내 코드를 제공 즉 9 브라우저에서 슬라이딩 문제 ...

를 해결하는 방법 내가 가지고있는 파일들 ncluded. 당신이 bootstrap.js 당신도 JQuery와를로드하기 전에 포함하는 <head> 섹션에서

. 페이지의 맨 아래까지 jquery를로드하지 않는 것처럼 보입니다. bootstrap.js는 jquery 다음에 이되어야합니다.

당신은 잘못된 경로있는 페이지의 상단에 bootstrap.js을로드하려고했습니다

은 다음 페이지 하단에 어쨌든 bootstrap.js에 포함된다 자바 스크립트 파일의 모든 부트 스트랩을로드 . boostrap.js (jquery 다음에 )를 사용하거나 필요한 부트 스트랩 플러그인 만로드하십시오 (다시 jquery 뒤에 을 입력하십시오). 부트 스트랩 사이트에서보기 소스를 사용하여 어떻게하는지 확인하십시오. twitter.github.com/bootstrap/

jquery 자체가로드되기 전에 jquery 함수를 호출하기 때문에 F12 키로 브라우저 콘솔을 열면 Chrome에 Uncaught ReferenceError: $ is not defined이 표시되고, IE9에서는 SCRIPT5009: '$' is undefined입니다.

bootstrap.css 파일에도 잘못된 경로가있어 로딩되지 않습니다.

이러한 문제를 해결하면 예상되는 동작으로 페이지가 실행될 수 있습니다. 확실히 이것은 시작할 수있는 좋은 장소가 될 것입니다.

출처

2013-03-08 03:42:27 mg1075

모달이 ie9에서 위로 벗어나지 않습니다

답변

관련 문제