IE9의 부트 스트랩 드롭 다운 메뉴가 작동하지 않습니다.

부트 스트랩 트위터를 사용하여 레일 3.2.8에 드롭 다운 메뉴를 만들고 싶습니다. 드롭 다운은 Firefox에서 작동하지만 IE9에서는 열리지 않습니다. 지금까지 가지고있는 코드는 다음과 같습니다.IE9의 부트 스트랩 드롭 다운 메뉴가 작동하지 않습니다.

<!DOCTYPE HTML> 
<html> 
<head> 
<title><%= full_title(yield(:title)) %></title> 

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script> 

<script type="text/javascript" src="https://raw.github.com/twitter/bootstrap/master/js/bootstrap- 
dropdown.js"></script> 

<%= stylesheet_link_tag "application", media: "all"%> 
<%= javascript_include_tag%> 
<%= csrf_meta_tags %> 
<!--[if lt IE 9]> 
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> 
<![endif]--> 
</head> 
<body> 
<div class="navbar .navbar-fixed-top"> 
<div class="nav-collapse"> 
<div class="navbar-inner"> 
    <div class="container"> 
     <a class="brand" href="#"> 
      Home 
     </a> 
     <ul class="nav"> 
      <li class="dropdown" id="fat-menu"> 
       <a href="#fat-menu" class="dropdown-toggle" data-toggle="dropdown"> 
        Drop-Down Menu 
        <b class="caret"></b> 
       </a> 
       <ul class="dropdown-menu"> 
        <li><a>SAve</a></li> 
        <li class="divider"></li> 
        <li><a>Print</a></li> 
       </ul> 
      </li> 
     </ul> 
    </div> 
</div> 
</div> 
</div> 
<script>$(function() {$('.dropdown-toggle').dropdown()});</script>  
<div class="container"> 
    <%= yield %> 
</div> 
</body> 
</html>

제가 IE9에서 문제를 해결하기 위해해야 할 일이 있습니까? 감사합니다

출처

2012-09-26 joe

MIMETYPE이 text/plain이고 분명히 IE9가이를 거부하기 때문에 https://raw.github.com/twitter/bootstrap/master/js/bootstrap-dropdown.js을 사용할 수 없습니다.

리소스를 다운로드하여 로컬로 제공하거나 유효한 cdn을 찾으십시오. 사용 http://jsfiddle.net/2D7wD/1/

예를 들어

는 <script src="//netdna.bootstrapcdn.com/twitter-bootstrap/2.1.1/js/bootstrap.min.js"></script>

출처

2012-09-26 18:53:25 Joe

이것은 OP가 GitHub raw에서 호출하는 것을 알지조차 모르는 더 나은 대답입니다. 내 대답을 제안으로 받아들입니다 :) – Terry

@Joe 감사합니다. 챔피언처럼 일하고 있습니다 ... 내가 제공 한 스크립트를 추가했는데 이제는 Firefox와 Firefox 모두 작동합니다! – joe

@joe,이 가이드 라인을 따르십시오. http://meta.stackexchange.com/questions/16721/how-does-accept-rate-work – Joe

당신은 스크립트가 data-toggle을 찾아 당신을 위해 플러그인을 인스턴스화의 data-toggle 속성 및 자바 스크립트 호출이 필요하지 않습니다.

둘 중 하나를 제거해보십시오.

출처

2012-09-26 18:54:59 Terry

큰 조언을 주셔서 감사합니다. 데이터 토글을 제거했습니다. . 감사 – joe

IE9의 부트 스트랩 드롭 다운 메뉴가 작동하지 않습니다.

답변

관련 문제